Html 有没有另一种方法可以使父DIV容纳浮动元素，而不使用“overflow:hidden”样式？

长话短说，我在div顶部有一堆浮动元素，为了适应浮动元素的正确定位，它有溢出：隐藏应用于它

我需要在这个div中相对于它定位一些元素，但是当我这样做时，它们不会显示在div之外，因为它隐藏了溢出

以下是我掌握的基本HTML结构：

<div id="top" style="height: 50px; position: relative">
 <div id="clickme1">
  <div id="big-div" style="position: absolute; height: 500px; width: 800px; display: none">
    lots of content
  </div>
 </div>
 <div id="clickme2">
   ...
 </div>
</div>

clickme1和clickme2具有浮动：左

顶部有溢出：隐藏

现在，当用户单击clickme1时，它会使大div可见。然而，因为top有50px的高度，而big-div有500px的高度，所以我只能从big-div看到50px

---

有没有办法让top保持正确的位置，但不使用overflow:hidden？

只需使用一些javascript来调整top的大小，这取决于大div是可见的还是不可见的not@Ahmad顶部必须始终保持50像素！我需要的是有一个大的div，它在某种程度上仍然相对于顶部定位，但也会溢出。这样，当用户单击clickme1时，顶部的位置变成绝对位置，所以不会有溢出隐藏