CSS

縦のborderが消えるバグ

ネストするブロックで、子ブロックをfloatさせると、親のborderが消えてしまうバグがある。 対処法は、 <div id="parent"> <div id="child1"> </div> <div id="child2"> </div> </div> div.parent { width: 760px; // コレを指定。 border: 1px solid #000; } div.child1, div.child2 { float: left; margin-left: 10px; }