div没有高度

Question

我有类stackContainer的3个div：

.stackContainer {
    position: relative;
}

因为有很多div，我希望彼此重叠，这有效：

.stackItem {
    position: absolute;
}

只有3个stackContainers不应该在彼此之上。 我认为这只是一个小问题。

http://jsfiddle.net/vPtYD/

Answer 1

这是你想要实现的吗？ http://jsfiddle.net/Vfqsr/

Answer 2

如果stackContainer div中的所有内容都是绝对定位的，那么这些div不知道它们应该有多高，因为带有position:absolute的元素将从正常文本流中取出。

因此，最好的办法是弄清楚每个div的最大内容是什么，并将stackContainers的height属性明确设置为这些值。

或者，给他们至少一个绝对定位的子元素。

Answer 3

同时给出stackContainer宽度和高度：

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

Answer 4

你可以把高度放在.stackContainer

上

.stackContainer {
    height:200px;
}

.stackItem {
    position:absolute;
}