私は本当に理解していない
<div style="clear:both"></div>
Chrome では動作しません。私はこのレイアウトを持っています:
<div id="header">...</div>
<div id="content">
<div id="col1">...</div> <!-- float left -->
<div id="col2">...</div> <!-- float left -->
<div id="col3">...</div> <!-- float left -->
<div style="clear:both"></div> <!-- DOES NOT WORK -->
</div>
<div style="clear:both"></div> <!-- DOES NOT WORK -->
<div id="footer">...</div>
そのためclear:both
、フッターの前および/または col3 の後に使用しました。
IE7でも動作しませんが、現時点ではあまり気にしません。
誰でも私を助けてもらえますか?
さらに情報を追加します。
#content {
padding-top: 19px;
display: block;
}
#col1,
#col3 {
width: 21%;
position: relative;
padding: 0 0 1em 0;
float: left;
}
#col2 {
width: 58%;
position: relative;
padding: 0 0 1em 0;
float: left;
}
解決済み: 申し訳ありません....私があなたに提供した情報はまだ十分ではありません! 問題はコラムの内容!! col1 には、height:40px の div があったため、コンテンツが 40px をはるかに超えていたとしても、ブラウザではオーバーフローがないように見えました...説明で明確になったことを願っています..しかし、Tom Sarduy の解決策は面白いけどIEでは動かない…昨日も今日もやってみたけどスタイルが取れてないみたい…ブラウザの開発者ツールで見たけど適用されない