把一個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; 
}