DIV+CSS レイアウトでは絶対配置がほとんど使用されないのはなぜですか? _html/css

DIV+CSS レイアウトでは絶対配置がほとんど使用されないのはなぜですか? _html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 12:12:58

オリジナル

1336 人が閲覧しました

例如下边的 绝对定位不是很好用吗？干嘛非得用 #id{float:left;}这样的浮动？可能是我觉得浮动不太好控制吧，当然 用绝对定位不是不可以的这我知道。可是为什么大都是用浮动的呢？<html> <title>无标题文档</title> <style type="text/css"> <!-- #apDiv1 {     position:absolute;     left:484px;     top:104px;     width:151px;     height:81px;     z-index:1; } --> </style> </head>  <body> <div id="apDiv1"></div> </body> </html>

ログイン後にコピー

ディスカッション (解決策) への返信

絶対測位がめったに使用されないと誰が言ったのですか?
さらに、表示されたコードはすべてのブラウザと互換性があるわけではありません。
body の親である html{position:relative;} に、position:relative; を追加する必要があります。それ以外の場合は、必要に応じて、position:absolute; を変更する必要があります。
ランラニ? ?このポスター、一見すると初心者っぽいですよね？ ?フローティングはコントロールしやすい？ ?あなたはそれらのベテランに、フローティングを制御するのが簡単かどうかを尋ねに行きます。おそらく、あなたは一週間潜在的な問題を探していましたが、まだ問題がどこにあるのかを見つけていません。特定の問題を分析して、どれがどれであるかを確認してください。使いやすく、互換性を解決するのが簡単です

Position:absolute; 相対位置のラベルには、position:relative を設定するのが最善です

教えられたことのある人はほとんどいないと思います

レイアウトは重要ではなく、何が重要なのかは使いやすさである必要があります
それはチームの習慣やその他のニーズによっても異なります。

作成者は、いくつかの外国の xhtml + CSS テンプレートをダウンロードできます。その多くはレイアウトに位置を使用します。

ブラウザは異なります

絶対配置を使用します。画面解像度を変更すると、Web ページ内のオブジェクトの位置がオフセットされます。

私は常にフローティングなしで絶対配置を使用しますが、絶対配置はドキュメントフローから外れてしまいます。、ページ全体のレイアウトには適していませんが、コンテンツに応じてページを自動的に伸縮させたい場合は、絶対配置を使用することはできません

実際の状況に応じて、固定は時々変更され、フローティング制御はより困難です。

位置決めを徹底的に研究した結果、静的 (デフォルト) 相対絶対固定は依然として非常に便利です

私は基本的にフローティングを使用し、ポップアップレイヤーのみが位置決めを使用します

絶対位置決めの最大の欠点は次のとおりです。ブラウザとして使用されるため、サイズ変更時に多くのコードを書き直す必要があります。相対的に言えば、絶対位置互換性の方が優れています。

浮いているものは使いにくいので、行って自分の目で確認してください。。

さまざまな配置方法について説明している <>Advanced Web Standard Solution を参照することをお勧めします。絶対位置の制御は簡単ですが、レイアウトを変更すると他の要素が隠れてしまう可能性があり、メンテナンスがより面倒になります。良いページを書きたい場合は、流動的なレイアウトをお勧めします。

フローティングレイアウトは後で維持するのが簡単です