把一个div放在容器中的内容的底部

Question

我想将一个div放在容器本身的子内容的底部， 子内容是动态生成的。

这里是我的html代码

<div id="Content"> 
    <div class="subcontent"></div> 
    <div class="subcontent"></div> 
    <div class="subcontent"></div> 
    <div class="pagenumber"></div> 
</div> 

我的CSS代码：

#content { 
float: left; 
margin: 0 auto; 
min-height: 450px; 
overflow: auto; 
padding: 10px; 
width: 978px; 
} 
.subcontent { 
float: right; 
    height: 70px; 
    margin-bottom: 15px; 
    width: 700px; 
} 
DIV.pagenumber { 
text-align: right; 
??? 
} 

Answer 1

尝试clear:both，这将清除任何浮动。 http://jsfiddle.net/Kdt84/

DIV.pagenumber { 
text-align: right; 
clear:both; 
}