首页 >web前端 >html教程 >div+css:一行布局三(多)个版块_html/css_WEB-ITnose

div+css:一行布局三(多)个版块_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB原创
2016-06-24 12:31:251508浏览

近日,有朋友问:我的网页里有三个版块用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;).
同样道理,如果是更多个板块,采用相同的层层嵌套方法即可!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn