2011.04.08 Friday
【CSS】float で グリッド状に並べた block の並びが崩れる

HTMLソース
<div class="box">
<p>data</p>
<p>data</p>
くりかえし・・・
</div>
対応前**************
.box{
width:500px;
float:left;
}
p.box{
width:100px;
}
対応後**************
.box{
width:500px;
float:left;
}
p.box{
width:100px;
height:100px;
}
★要素に height を指定することで回避できる