Question

网页编辑的问题，常常会遇见 在一个<div></div>中间加的<div>只要设置了浮动左对齐，如果不设置外面背景DI

常常会遇见 在一个<div></div>中间加的<div>只要设置了浮动左对齐，如果不设置外面背景DIV的高度，背景就不会纵向平铺了。是怎么回事。

Answer 1

这应该是 浮点层 脱离了文档流的关系，在一个div中 如果嵌入了一个浮点div 这个div因为是浮动在它的父级div上 因此就脱离了上个div的文档流 所以它会出现 不包围的情况 这需要对一个元素清理 clear属性 通常没有发现能清理的元素时 可以这么解决问题
例1：
<div style="whith:1000px;">
<div id="Node_div" style="float:left; whith:300px; height:100px;">
</div>
...........................
</div>
你所说的问题应该是出现在这种情况
如果在id为 Node_div 的下方设置一个 清理元素 如
例2：
<div style="whith:1000px;">
<div id="Node_div" style="float:left; whith:300px; height:100px;">
</div>
........................
<div style="clear:both;">
</div>
</div>
这样父级元素会包围住里面的元素 应该是你想实现的效果。
---------------------------------------------------------------------------
推荐你看一些关于web标准解决方案的书籍 关于css的 你会学到很多。

Answer 2

额，原理我说不太好，就是如果你的内DIV层是浮动的，那么外div层如果不是浮动的话，高度是不会自动扩充的，它默认是内div层是浮动在外div层上的，所以你外div层是没有高度的，没有高度就当然平铺不了了，有2中解决方案，第一种，也给外div层加上浮动（我经常用这种），第二种用clear:both结束浮动（听别人说过，但是自己没实际应用过，因为有了一种好用之后就懒了。。。），试试看吧。