DIV布局问题

[panyuan911]

<div style="background-color:#aaa">1</div>
<div style="background-color:#ddd">
  <div style="float:left; background-color:#f00; height:50px; width:40px;">2</div>
  <div style="float:left; background-color:#0f0; height:70px; width:40px;">3</div>
</div>
<div style="background-color:#555">4</div>

有没有办法让DIV 4正常的放在最下边？
横向排列的两个DIV高度是根据里面内容变高的，没法办法给中间DIV定义固定高度，其中2比较高还是3也说不定
其他方法也行，除了用表格。

[mengxj85]

<div style="width:200px;heigth:200px;">
<div style="width:100px;heigth:50px; float:left;"></div>
<div style="width:90px;heigth:50px; float:right;"></div>
<div style="width:200px; heigth:100px"></div>
</div>
这样应该就可以了，需要注意设置如下这几个属性
width heigth float

[bo523]

你的DIV2和3都有float:left;浮动，那么你的DIV4就得就得加一个属性清除浮动clear:both;

[lihan6415151528]

..............................

[old_a]

将2、3的width:40px改为width:50%

[panyuan911]

[Quote=引用 2 楼 bo523 的回复:]
你的DIV2和3都有float:left;浮动，那么你的DIV4就得就得加一个属性清除浮动clear:both;
[/Quote]
OK

<div style="background-color:#aaa">1</div>
<div style="background-color:#ddd">
  <div style="float:left; background-color:#f00; height:50px; width:40px;">2</div>
  <div style="float:left; background-color:#0f0; height:70px; width:40px;">3</div>
</div>
<div style="background-color:#555;clear:both">4</div>

解决