垂直堆棧div裏面的固定div

Question

我有一個垂直的父容器div與固定的位置和高度的像素。我有與父母相同寬度的子div。我如何將這些子div放入固定父級內？我很高興能夠通過。請幫忙。

Answer 1

如果你想靜態地做到這一點，只需設置每個子div的頂級屬性你想要它。

所以，如果這些孩子的div在高度

50像素

#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; }