div+css：一行布局三（多）个版块_html/css_WEB-ITnose

近日，有朋友问：我的网页里有三个版块用div怎么实现？
下面就有关三个版块的div布局示意一下：
 

思路为：1.先定义出图中红色DIV“1”.

          2.然后在红色框架中套两个绿色DIV“2”（分别把两个绿色DIV用CSS定义，一个居左，一个居右---CSS：float:left ;   float:right;）.

          3.再在右边这个绿色DIV中套两个蓝色DIV“3”（分别把两个蓝色DIV用CSS定义，一个居左，一个居右---CSS：float:left ;   float:right;）.
同样道理，如果是更多个板块，采用相同的层层嵌套方法即可！