在负顶部之前，相对定位的div高度在IE6中加起来

Question

我有以下

<div id=A style='height: 120px;'>
  <div id=B style='height: 100px;'>
    <div id=D style='height:  60px; top 0px; position: relative;'>Stuff D</div>
    <div id=E style='height:  80px; top: -40px; position: relative;'>Stuff E</div>
  </div>
  <div id=C style='height:  20px;'>Footer</div>
</div>

在IE6以外的浏览器中，这样可以正常工作。但是，IE6增加了D＆amp; D的高度。 E到140并且强制B变为140，将C向下推40个。然而，E的顶部呈现40px与D重叠。只是在IE6中，B的盒子才成为140高。

我可以用CSS / HTML做些什么来使IE6在不影响其他浏览器的情况下运行并将B保持在100px？

Answer 1

事实并非事先将高度加起来会让你感到烦恼 - 所有浏览器都会这样做。事实上，当height的{​​{1}}内容超过#B时，IE 6对于该怎么做有不同的想法。由于您知道100px所需的高度，因此可以将#B添加到现有样式中。

overflow: hidden

Answer 2

我发现保证金最高： - ?? px;将做与顶部相同的事情： - ?? px。谢谢你的帮助。我将尝试溢出：隐藏和重要，因为它们听起来很有趣。