代码之家  ›  专栏  ›  技术社区  ›  Mike Crittenden

为什么这个DIV有一个不必要的大计算高度?

  •  1
  • Mike Crittenden  · 技术社区  · 16 年前

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

    问题是,Div Dditem_2(带有“Take a Look…”文本的Div)得到了大约500px的计算高度,这并不是我在CSS中能找到的原因,它将ul推到了它的下方,实际上是非常远的。

    我发现如果你 display: none position: absolute (或者其他任何可以将其从元素流中移除的东西)在侧边栏上,然后底部的ul会像它应该的那样向上移动,所以看起来可能ul正试图清除侧边栏,但我也不明白为什么会是这样。

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

    2 回复  |  直到 16 年前
        1
  •  2
  •   wsanville    16 年前

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

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

    去除 content:"."; 或从该规则中移除类 item #dditem_2 . 不知道这是为了什么,但它让高度变得疯狂。

        2
  •  0
  •   Kevin    16 年前

    看起来像很多沙发。你试过在沙发床周围加上1倍的纯红来看看它们可能接触到什么地方了吗?