この記事は2年以上前に書かれたものです。
情報が古い可能性があります。
情報が古い可能性があります。
これはfloatした複数の要素の横幅合計と、それらを包含する親要素のwidthプロパティの差が3px未満(0~2px)で、HTMLソース内でfloatしている要素の前にコメントが入ってる場合に起こるようです。
HTML
<div id="wrapper"> <p>テキスト1</p> <!--コメント--> <p>テキスト2</p> <!--コメント--> <p>テキスト3</p> </div>
CSS
div#wrapper { width: 300px; } div#wrapper p { float: left; width: 98px; border: 1px solid #000; background-color: #f5f5f5; }
解決方法
floatした複数の要素の横幅合計と、それらを包含する親要素のwidthプロパティの差を3px以上にするか、コメントを消すと解決できます。