当前位置:Gxlcms > html代码 > div+css:一行布局三(多)个版块_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:39人阅读

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

人气教程排行