html - 将 div 放在父 div 的底部

Question

我想在他的parant div的底部不断地放置一个div元素。

这应该与

position:relative; 
bottom:0px;

无论如何它不会，我唯一能想到的就是边缘顶部直到它适合，但我不喜欢那样。您能在我的代码中找到相对位置不起作用的原因吗？

@charset "utf-8";
/* CSS Document */

body {
    background-color:#999;  
}

#wrapper {
    height:40em;
    max-height:45em;
    min-height:40em;
    width:80%;
    max-width:60em;
    min-width:30em;
    margin-left:auto;
    margin-right:auto;
    background-color:#333;
    border:#000 solid;
    border-width:thin;
}

#header {
    width:100%;
    height:70px;
    background-color:#009900;
    border-bot:#000 solid;
    border-width:thin;
}

#content {
    position:relative; 
    bottom:0px;
    top:auto;
    width:100%;
    height:30em;
    background-color:#FFFFFF;
    border-top:#000 solid;
    border-width:thin;  
}

Content 和 Header 都是 wrapper 的父级。所以我想把内容放在包装器的底部。

Answer 1

将位置#wrapper 设置为相对，然后将#content 的位置设置为绝对，底部设置为零。

Answer 2

父元素应该有一个position:relative和一个粘在底部

position:absolute; 
bottom:0px;

希望这可以帮助。