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是什么阻止它移动到除此之外的任何地方，因此动态内容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;
}

CSS位置：绝对+动态高度

2 个答案: