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都是包装器的父级。所以我想把内容放在包装器的底部。

Answer 1

将位置#wrapper设置为relative，然后将#content的位置设置为absolute，将bottom设置为零。

Answer 2

父元素应该有一个position:relative，而一个元素应该坚持到底部

position:absolute; 
bottom:0px;

希望这会有所帮助。

将div放在父div的底部

2 个答案: