div排版的问题

来源：百度知道 编辑：UC知道 时间：2024/05/25 02:54:49
<div style="border:1px solid #000000; position: absolute;">
<div style="float:left; width:50%;border:1px solid #000000">

</div>

<div style="float:right; width:40%;border:1px solid #000000"></div>

</div>

<div style="border:1px solid #FF0000;"></div>
怎样让<div style="border:1px solid #FF0000;"></div> 排在上一个的div下面(就是红色排在黑色下面)

条件是 上面的那个div 高度不固定，所以别设高

把 position: absolute; 去掉看看。

改为相对定位，即去掉position: absolute;红色div清除浮动
代码如下：
<div style="border:1px solid #000000;">
<div style="float:left; width:50%;border:1px solid #000000">

</div>

<div style="float:right; width:40%;border:1px solid #000000"></div>

</div>

<div style="border:1px solid #FF0000; clear:both;"></div>