ホームページ >ウェブフロントエンド >htmlチュートリアル >div+cssページlayout_html/css_WEB-ITnoseに少し記録します。

div+cssページlayout_html/css_WEB-ITnoseに少し記録します。

WBOY
WBOYオリジナル
2016-06-24 12:27:26936ブラウズ

1. display:none を使用して要素を非表示にしても、要素の元の位置は保持されません

2. margin:auto を使用して要素を中央に配置します

3.ブラウザの幅を超えると、ブラウザは水平スクロール バーを表示します。このとき、max-width はブラウザの幅に適応でき、IE7 以降とその他の主流のブラウザをサポートします。要素の幅を計算するとき、境界線の長さとパディングも計算されますが、この問題を解決するには次のコードを使用します

*{   -webkit-box-sizing:border-box;       -moz-box-sizing:border-box;                box-sizing:border-box;   }

ただし、これは IE8+ およびその他のみをサポートします。主流ブラウザ

5. postion 属性のいくつかの値

Namestaticrelativefixed 上、左、下、右でも使用できます現在のブラウザ ウィンドウを基準にして要素を配置するための属性です。absolute
Function
デフォルト値、つまり位置指定されていません
上、左と併用、bottom、right 属性を使用すると、要素が通常の位置からずれてしまい、他の要素がそれによって残されたギャップを埋めることができなくなります

ビュー ウィンドウを基準とした要素の位置は変更されません

この属性は次と似ています。固定属性ですが、ビュー ウィンドウに対して相対的ではなく、それに最も近い属性に対して相対的です。 位置決めされた属性 (位置値が静的ではない要素を指します)

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。