html - div没有高度

Question

我有 3 个带有类 stackContainer 的 div：

.stackContainer {
    position: relative;
}

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

.stackItem {
    position: absolute;
}

只有 3 个 stackContainer 不应该彼此重叠。我认为这只是一个小的CSS东西。

score 3 · Accepted Answer

3

这是你想要达到的目标吗？ http://jsfiddle.net/Vfqsr/

于 2012-06-10T12:34:45.197 回答

score 1 · Accepted Answer

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

所以最好的办法是弄清楚每个 div 的最大内容是什么，并将heightstackContainers 的属性显式设置为这些值。

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

score 0 · Accepted Answer

给出stackContainer宽度和高度：

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

score 0 · Accepted Answer

您可以在 .stackContainer 上放置高度

.stackContainer {
    height:200px;
}

.stackItem {
    position:absolute;
}

4 回答 4