css - 为什么这个 div 会有一个不必要的大计算高度？

Question

链接:http://www.fraynepainting.com/services

问题是 div#dditem_2(带有“看一看...”文本的 div)的计算高度约为 500px，而我在 CSS 中找不到任何原因，这将 UL 推到了下面它真的很远。

我发现，如果您在侧边栏上设置 display: none 或 position: absolute(或任何其他将其从元素流中移除的设置)，那么底部UL 像它应该的那样向上移动，所以看起来 UL 可能正在尝试清除侧边栏，但我也不知道为什么会这样。

到目前为止，我已经在 Firefox 和 Chrome 中重现了这个问题。有什么想法吗？

Answer 1

这是由于 v2basic.1263412699.css 中的以下规则:

.overwrap .button-bar:after,#content .item:after,#content .blogcomment:after
{
  content:".";
  display:block;height:0;clear:both;visibility:hidden
}

从此规则中删除 content:"."; 或从 #dditem_2 中删除类 item。不确定它的用途，但它会让高度变得疯狂。