CSS位置：绝对+动态高度

Question

我一个接一个地有4个<div>标签，全部在position:absolute ，我使用top和left对齐它们。

第3个div标签包含动态内容，div的高度根据其中的文本数量而变化。 但是，当我设置所有div的top和left时，第4个div受第3个动态div的高度影响。

我怎么解决这个问题？

http://jsfiddle.net/25Xrh/

Answer 1

你可能想尝试在父div中包装4个div并绝对定位它。 然后你可以允许其中一个子div的位置影响另一个。

http://jsfiddle.net/25Xrh/5/

解决方案你的意思是无论你试图影响top:60px和left:180px阻止它移动到top:60px任何地方，因此动态内容div无法重新定位它。

Answer 2

这是我的测试： http ： //jsfiddle.net/neuroflux/25Xrh/7/

码：

.first {
    position:relative;
    left:180px;
}

.second {
    position:relative;
    left:180px;
}

.third {
    position: relative;
    left:180px;
}

.fourth {
    position:relative;
    left:180px;
}