「正確」的方式來告訴相對移動的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>