ホームページ >ウェブフロントエンド >htmlチュートリアル >div+cssページlayout_html/css_WEB-ITnoseに少し記録します。
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 属性のいくつかの値
Function | |
デフォルト値、つまり位置指定されていません | |
上、左と併用、bottom、right 属性を使用すると、要素が通常の位置からずれてしまい、他の要素がそれによって残されたギャップを埋めることができなくなります | |
上、左、下、右でも使用できます現在のブラウザ ウィンドウを基準にして要素を配置するための属性です。 | ビュー ウィンドウを基準とした要素の位置は変更されません
|
この属性は次と似ています。固定属性ですが、ビュー ウィンドウに対して相対的ではなく、それに最も近い属性に対して相対的です。 位置決めされた属性 (位置値が静的ではない要素を指します) |