1

我有以下 div 层次结构:

<div id="DivTop">
    <div id="DivTopLeft" style="float: left; width: 45%; padding: 10px 10px 10px 10px;">
        Top left content.
    </div>
    <div id="DivTopRight" style="float: right; width: 45%; padding: 10px 10px 10px 10px;">
        Top right content.
    </div>
</div>
<div id="DivBottom" style="float: none;">
    <div id="DivBottomFinePrint" style="float: none; font-size: 8px; text-align: right;">
        Fine print content. This content appears between the `DivTopLeft` and `DivTopRight` divs.
    </div>
    <div id="DivBottomGridView">
        <asp:GridView ...>
    <div>
</div>

的内容DivBottomFinePrint出现在DivTopLeftDivTopRightdiv 之间。此外,DivTop似乎DivBottom有相同的 Y 坐标,而我想在完成DivBottom后垂直开始DivTop。我可以指定上边距,DivBottom但这需要硬编码一个我不想做的值。

有没有办法在不使用表格的情况下解决这个问题?

4

1 回答 1

1

您应该在容器中添加此样式:

#DivTop{
  clear:both;
}

将元素向左或向右浮动,这会在另一侧创建一个空白空间,从而允许其他元素占用剩余空间。

于 2013-11-09T10:08:24.443 回答