div有沒有高度

Question

我有3周的div類stackContainer：

.stackContainer { 
    position: relative; 
} 

在有很多的div，我想那些對彼此的頂部，這樣工作的：

.stackItem { 
    position: absolute; 
} 

只有3個堆棧容器不應該彼此重疊。 我認爲這只是一個小小的CSS事情。

http://jsfiddle.net/vPtYD/

Answer 1

這是你想要達到什麼樣的？ http://jsfiddle.net/Vfqsr/

Answer 2

如果stackContainer div的一切都絕對定位，這些div不知道他們應該有多高，becaause與position:absolute元素取出正常的文本流。

所以最好的辦法是找出每個div的最大內容是什麼，並將stackContainers的height屬性明確地設置爲這些值。

或者，給他們至少一個沒有完全定位的子元素。

Answer 3

給這個stackContainer寬度和高度，以及：

.stackContainer { 
    position: relative; 
    width: 128px; 
    height: 128px; 
} 

Answer 4

你可以把高度上.stackContainer

.stackContainer { 
    height:200px; 
} 

.stackItem { 
    position:absolute; 
}