姚迎迎

Tag: float

  • 如何修正DIV float之后导致的外部容器不能撑开

    如何修正DIV float之后导致的外部容器不能撑开

    —

    by

    迎迎 姚
    in

    在写HTML代码的时候，发现在Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。看下面的例子： HTML4STRICT代码： <div style=”border: 1px solid red; width: 200px;”> <div style=”border: 1px solid blue; float: left; width: 80px; height: 80px;”>TEST DIV</div> <div style=”border: 1px solid blue; float: left; width: 80px; height: 80px;”>TEST DIV</div> <div style=”border: 1px solid blue; float: left; width: 80px; height: 80px;”>TEST DIV</div> <div style=”border: 1px solid blue; float: left; width: 80px; height:…