CSS位置：絕對+動態高度

Question

我有4個<div>標記一個接一個，全部在position:absolute和我對齊他們使用top和left。

第三個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; 
}