思路为:1.先定义出图中红色DIV“1”.
2.然后在红色框架中套两个绿色DIV“2”(分别把两个绿色DIV用CSS定义,一个居左,一个居右---CSS:float:left ; float:right;).
3.再在右边这个绿色DIV中套两个蓝色DIV“3”(分别把两个蓝色DIV用CSS定义,一个居左,一个居右---CSS:float:left ; float:right;).
代码如下:
<style>
#all {width:500;}
#left {float:left;width:150;}
#right {float:right;width:350;}
#left1 {float:left;width:250;}
#right1 {float:right;width:100;}
</style>
<div id="all">
<div id="left"></div>
<div id="right">
<div id="left1"></div>
<div id="right1"></div>
</div>
</div>