Question

我有一个垂直的父容器div，固定的位置和高度（以像素为单位）。我有与父母相同宽度的子div。如何在固定父级内堆叠这些子div？我无法通过。请帮忙。

Answer 1

如果你想静态地做，只需按照你想要的方式设置每个子div的顶级属性。

因此，如果这些儿童div的高度为50px

#child1{
position:relative;
top:50px;
}
#child2{
position:relative;  
top:100px;
}

等等

Answer 2

它们应该已经堆叠。你能详细说明你的问题吗？

<强> HTML

<div id="container">
    <div class="stack one"></div>
    <div class="stack two"></div>
    <div class="stack three"></div>
</div>

<强> CSS

#container {
    width: 250px;
}

.stack {
    width: 250px; height: 100px;
}

.one { background: red; }
.two { background: green; }
.three { background: orange; }

jsFiddle

已更新 -

阅读完回复后，我现在更新了CSS - jsFiddle

<强> CSS

#container {
    position: relative;
    width: 250px; height: 300px;
}

.stack {
    position: absolute;
    width: 250px; height: 100px;
}

.one { background: red; bottom: 0; }
.two { background: green; bottom: 100px; }
.three { background: orange; bottom: 200px; }

垂直堆栈div固定div内

2 个答案: