欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

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