css - 是什么破坏了 css 中的 html 流程？

Question

我在尝试在我的网站布局中定位一些 div 时遇到了一些问题。所有这些都与 div 的大小有关。我正在使用 Chrome 的开发人员工具来检查 div，当我将鼠标悬停在一些 div 上时，它只有 1px-high，但它里面有内容并且它的内容有一些高度。它不应该至少与其内容具有相同的高度吗？

不知道我说的对不对，放几张图吧。我正在使用 Blueprint CSS Framework 并且当我使用 class="span-XX" 并且在它里面我没有使用 class

这里是一些图片(点击放大)

父div

div 有问题(没有高度)

子div

父div有class="span-XX"，有问题的div只有#search这是this one

我怀疑这是 css 的一些 float 或定位问题，但我不知道它是什么以及如何处理它。我还有一个列表，其中包含网站顶部的社交网络，ul 有同样的问题。

Answer 1

如果内部有 float ，则需要清除它们。应用溢出:隐藏； zoom:1; 到包含 float 的父级，它应该解析它。

如果您有负边距/位置 + 相对和负偏移并且不能使用溢出隐藏，请使用 clearfix... http://work.arounds.org/clearing-floats/