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

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布: 2016-06-24 12:31:25
原创
1528 人浏览过

近日,有朋友问:我的网页里有三个版块用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
最新问题
CSS 网格:当子内容溢出列宽时创建新行
来自于 1970-01-01 08:00:00
0
0
0
为什么我无法在Next JS应用中使用CSS文件?
来自于 1970-01-01 08:00:00
0
0
0
CSS 可以显示网格线吗?
来自于 1970-01-01 08:00:00
0
0
0
两次使用同一个库时隔离微前端中的 CSS
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板