私はこれらのレイアウトを持っています:
<div id='wrapper'>
<div id="contentwrap">
<div id='content'></div>
<div id='lhs'></div>
<div id='rhs'></div>
</div>
<div id='footer'></div>
</div>
およびCSS:
#content {
margin: 0 300px auto 180px !important;
position: absolute;
top: 142px;
}
#wrapper {
margin: 0 auto;
}
#lhs {
float: left;
width: 170px;
}
#rhs {
float: right;
width: 300px;
margin-left: -300px;
margin-right: 10px;
}
#footer {
clear: both;
width: 100%;
}
要件は1つだけです。#contentは[contentwrap]内の最初の要素である必要があります。
その高さは動的です。
高さが高くなると問題が発生します。コンテンツが#footerとオーバーラップします。
'#footer'が常に'#content'の下に表示され、重複が発生しないようにするにはどうすればよいですか?
P / S:小さな画像でごめんなさい、imgurはそれをしました!