Float以后撑不开div的困境

方法1:
        <div>
            <div></div>
        </div>

            如果子div用了float，那么display:block和clear:both两个样式就没了，所以就不会撑 开父div,可以在子div后面加一个<div style="clear:both;">来解决。　此方法对ie6、ie7、ff都有效。　

方法2:

            a.定义一个伪对象。
            .clearfix:after {
              content: ".";
              display: block;
              height: 0px;
              clear: both;
              visibility: hidden;
            }
            b.让父对像使用此class。
            <div class="clearfix">
                    <div></div>
             </div>　　

    　　此方法对ie6、ie7、ff都有效。如果position：absolute；话撑不开div。

就个人而已，第一种相对来说修改的东西少，而第二种是大多数网站常用的也是我推荐的。