Question

只要我看到我将一个元素（例如flash播放器）相对于先前放置的图像定位，如示例中那样

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

之前打算使用的地方看起来被占用，即下一个元素将在该地点之后显示。但我需要告诉渲染我不再需要这个地方，并且可以渲染下一个元素，好像相对放置的元素根本没有出现。

我找到的唯一解决方案是将内容包装在外部div中，其中包含主图像的尺寸和“溢出：隐藏”

是否有更好的（或标题中的“正确”）方式来做同样的事情？

Answer 1

使用绝对定位而不是相对定位来使元素脱离流。

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

示例：

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

Answer 2

一个相对定位的盒子保持它的正常流量大小，包括线最初的休息和空间保留给它。

一种方法是将子元素绝对放置在另一个位置设置的容器中。