在写HTML代码的时候，发现在Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。
工具/原料
手机
方法/步骤
1
作为外部容器的边框为红色的DIV，没有被撑开。这是因为内部的DIV因为float:left之后，就丢失了clear:both和display:block的样式，所以外部的DIV不会被撑开。
2
在容器DIV内要显示出来的float:left的所有的DIV之后，我们添加了这样的一个DIV：
。这样，其实就在最后增加了clear的动作3
在用dojo做Drag & Drop的时候，由于这个DIV是容器DIV的一个字节点，如果这个节点被移动，则会造成排版上的Bug。
4
要显示的蓝框的DIV被移到这个DIV之后，则因为clear:both，它会被强制换一行显示。
5
修改原来的HTML代码，让外部的容器DIV来使用这个CSS：HTML4STRICT代码：