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