ホームページ >ウェブフロントエンド >htmlチュートリアル >DIV+CSS レイアウトでは絶対配置がほとんど使用されないのはなぜですか? _html/css_WEB-ITnose
DIV+CSS レイアウトでは絶対配置がほとんど使用されないのはなぜですか? _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:12:581325ブラウズ
例如下边的 绝对定位不是很好用吗？干嘛非得用 #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; を変更する必要があります。
ランラニ? ?このポスター、一見すると初心者っぽいですよね？ ?フローティングはコントロールしやすい？ ?あなたはそれらのベテランに、フローティングを制御するのが簡単かどうかを尋ねに行きます。おそらく、あなたは一週間潜在的な問題を探していましたが、まだ問題がどこにあるのかを見つけていません。特定の問題を分析して、どれがどれであるかを確認してください。使いやすく、互換性を解決するのが簡単です
教えられたことのある人はほとんどいないと思います
レイアウトは重要ではなく、何が重要なのかは使いやすさである必要があります
それはチームの習慣やその他のニーズによっても異なります。
作成者は、いくつかの外国の xhtml + CSS テンプレートをダウンロードできます。その多くはレイアウトに位置を使用します。
ブラウザは異なります
絶対配置を使用します。画面解像度を変更すると、Web ページ内のオブジェクトの位置がオフセットされます。
私は常にフローティングなしで絶対配置を使用しますが、絶対配置はドキュメント フローから外れてしまいます。 、ページ全体のレイアウトには適していませんが、コンテンツに応じてページを自動的に伸縮させたい場合は、絶対配置を使用することはできません
位置決めを徹底的に研究した結果、静的 (デフォルト) 相対絶対固定は依然として非常に便利です
私は基本的にフローティングを使用し、ポップアップレイヤーのみが位置決めを使用します
絶対位置決めの最大の欠点は次のとおりです。ブラウザとして使用されるため、サイズ変更時に多くのコードを書き直す必要があります。相対的に言えば、絶対位置互換性の方が優れています。
浮いているものは使いにくいので、行って自分の目で確認してください。 。
さまざまな配置方法について説明している 1af937eef601ad74ef41a84637d91731>Advanced Web Standard Solution を参照することをお勧めします。絶対位置の制御は簡単ですが、レイアウトを変更すると他の要素が隠れてしまう可能性があり、メンテナンスがより面倒になります。良いページを書きたい場合は、流動的なレイアウトをお勧めします。
フローティング レイアウトは後で維持するのが簡単です
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。