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

在写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; …