“正确”的方式来告诉相对移动的div原来的地方不再占据

Question

只要我看到的时候我位置的元素（例如Flash播放器）相对于以前放置的图像作为例子

style="display: block; width:216px;height:164px; position: relative; top: -306px; left: 63px" 

它以前打算使用的位置被占用，即下一个元素将在该位置后显示。但是我需要告诉渲染器，我不再需要这个地方，并且下一个元素可以被渲染，就好像相对放置的元素完全不出现一样。

我发现的唯一的解决办法是包裹在外部DIV的内容与主图像的尺寸和“溢出：隐藏”

有没有更好的（或“右”作为标题）如何做同样的事情？

Answer 1

相对定位的盒保持其 正常流量大小，包括线 场所及为它保留的空间中，原本 。

Relative positioning

一种方法是子元素将作为绝对定位与位置集中的另一个容器内。

Answer 2

您使用绝对定位而不是相对定位来将元素从流中取出。

如果您仍然要指定相对于文档中某个位置的坐标，请在其周围放置另一个元素。通过在周围元素上设置相对定位（但不包括偏移量），可将其转换为图层，以便绝对定位的元素将其用作原点而不是页面。

实施例：

<div style="position:relative;"> 
    <div style="position:absolute;top:-306px;left:63px;">content...</div> 
</div>