そのため、CSSの配置に再び苦労しています。
数分前、浮動要素が親コンテナの高さに影響を与えないことがわかりました。div's
では、高さが動的な場合に同じ高さに浮かんでいる2つを設定するにはどうすればよいですか?
フィドル
<div>
シアンの高さを動的に塗りつぶされた緑と同じ高さに設定するにはどうすればよいですか?
そのため、CSSの配置に再び苦労しています。
数分前、浮動要素が親コンテナの高さに影響を与えないことがわかりました。div's
では、高さが動的な場合に同じ高さに浮かんでいる2つを設定するにはどうすればよいですか?
フィドル
<div>
シアンの高さを動的に塗りつぶされた緑と同じ高さに設定するにはどうすればよいですか?
次の CSS を追加します。
html, body {
height: 100%;
}
.start-page-wrapper {
height: 100%;
}
.first-section {
height: 100%;
}
編集
または、子の代わりにdisplay: table
親要素に使用することもできます。IE7 では動作しません。jsfiddledisplay: table-cell
float: left