将div放在底部

时间:2011-07-21 00:17:40

标签: css

如何让内容div获得底部而不是奇怪的位置?

http://jsfiddle.net/madprops/6FFXL/1/

<div>
 <div style='float:left'>name&nbsp;</div>
 <div style='float:left'>date&nbsp;</div>
 <div style='float:left'>comments&nbsp;</div>
</div>
<div id="contenido" style="font-size:20px;">content</div>

编辑:删除了浮动:顶部

1 个答案:

答案 0 :(得分:1)

在你的例子中,它是我的底部(FF5),但你可能应该通过设置内容来清除浮动的div来使其安全,如下所示:

<div id="contenido" style="font-size:20px;clear:both;">content</div>

此外,您的第一个div上的float:top无效,浮动没有top属性。