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