相对定位和绝对定位答案

【问题标题】：Relative and absolute positioning相对定位和绝对定位
【发布时间】：2015-01-20 05:29:28
【问题描述】：

我试图了解是否可以在相对定位 div 内的绝对定位 div 之后放置内容。如果我不知道相对定位 div 的高度。

基本上我有这个配置……

<div style="position:relative">
    <div style="position:absolute; top:0; left:100;">
    <div style="position:absolute; top:100; left:100;">
<div>

（...我想在这里放置内容）

由于这是动态的，我没有相对 div 的实际高度。所以我不能把它放在这个容器的 CSS 中。

我创建了一个 jsfiddle (http://jsfiddle.net/o7k2dpdz/) 来说明我想要做什么。我留下了一个人为的 500px 作为我的高度，但我想删除它并尽可能让它仍然工作。

【问题讨论】：

标签： css

【解决方案1】：

我认为这种布局不需要使用position:absolute; 方法。

这是我在没有绝对定位的情况下制作的解决方案示例

希望这是您想要创建的。

【讨论】：

非常聪明的 Dimshik，但就我而言，我需要绝对定位。我正在使用最短的列方法放置对象。我已经能够使用 Javascript 解决这个问题。我计算了最高的列并将这个 px 测量值用作我的容器高度，这看起来效果很好。感谢您的帮助。
以上仅说明了一列，但在我较大的应用程序中。我正在使用几个。