关于三栏布局中浮动布局div块的先后顺序
来源:互联网 发布:ps制作淘宝详情页尺寸 编辑:程序博客网 时间:2024/06/06 13:23
常用的三栏布局中,用的较多的浮动布局,会因为div块的先后顺序而产生不同的效果。这种情况下,一般左右两栏div需要在中间栏之前。这样,才能让左右两个边栏浮动到它们应该的位置上,以此来使得中栏能够进入中间的空间,并自适应布局。若是浏览器在一个或者两个边栏div之前发现中栏,那么中栏会先占据一侧或者两侧位置,这样浮动的部分就会跑到中栏的下面。
如下:
<div id="box">
<div id="box-left">
<div id="box-left-left">
<img src="f:/html/001.jpeg" width="80";height="80";>
</div>
<div id="box-left-right">
<p align:center>上理前端分队</p>
</div>
</div>
<div id="box-right">
<div id="box-right-center" ><img src="f:/html/001.jpeg" width="80";height="80";></div>
</div>
<div id="box-center">
<h3 align="center">关于我们</h3>
<p>奋斗不止</p>
</div><!--注意这个中间div块,要放在其他两个div块的后边,不然会错位。-->
<br clear="all" />
</div>
0 0
- 关于三栏布局中浮动布局div块的先后顺序
- 三栏布局中div的先后顺序问题
- 关于float浮动的块级元素在编写html时先后顺序对布局的影响
- float浮动的块状元素编写的先后顺序对页面布局的影响
- div、css的浮动布局
- 图解DIV-CSS布局中绝对定位和浮动用法(两种分三栏布局的方法)
- 关于双飞翼布局中浮动与负边距的理解
- [转]关于JAVA中执行static块与构造函数的先后顺序
- 关于Java中静态代码块以及构造函数的执行先后顺序
- 关于Java中静态代码块以及构造函数的执行先后顺序
- 关于Java中静态代码块以及构造函数的执行先后顺序
- 关于Java中静态代码块以及构造函数的执行先后顺序
- 关于Java中静态代码块以及构造函数的执行先后顺序
- div浮动居中 单div盒子和三列布局中间div盒子浮动居中方法
- div+css布局,清除浮动
- html+css三栏布局-浮动方法
- div布局三栏-左中右
- 块级元素浮动之后的布局情况
- 三极管
- Remove Duplicates from Sorted Array
- 初学 Java Web 开发,请远离各种框架,从 Servlet 开发
- 认识Redis
- Swift 数组,字典
- 关于三栏布局中浮动布局div块的先后顺序
- 初学Redis(2)——用Redis作为Mysql数据库的缓存
- unix网络编程 select函数和shutdown函数
- 初学Redis(3)——用Redis作为Mysql数据库的缓存
- android不一样的listView的empty
- Android为Layout设置最大宽度
- ubuntu技巧--python查看已安装包
- 初学Redis(4)——简单实现Redis缓存中的排序功能
- Generate Makefile new version.