采用Div布局元素位置确定(float、clear、position、z-index)
来源:互联网 发布:java缓存过程面试 编辑:程序博客网 时间:2024/06/14 08:28
1、float
float::left|right|none。left为紧贴左侧布局,即从最左边开始布置div块,贴着左边的一个元素放置。right则贴着右边布局,一个接着一个。none即没有浮动。
2、clear
用于消除浮动。clear:left消除左边浮动,right消除右边浮动,both消除两侧浮动。
3、position
position可选absolute、relative、static、fixed。
absolute可通过left、right、botton、top等属性进行定位。可通过z-index进行分级。
relative相对位置,也可通过left、right、botton、top等属性进行设置。
static,无特殊定位,不能用z-index进行层次分级。
4、z-index
设置层叠覆盖,z-index:auto|number;
可以设置层号number,数字大的元素叠加在数字较小的元素上。auto为默认值,按照代码前后来进行层叠。
通过上述几个属性,可以实现界面的设计。
0 0
- 采用Div布局元素位置确定(float、clear、position、z-index)
- position,z-index,float覆盖问题
- DIV position z-index 设置层级
- 页面布局:div之float,clear特性
- 利用div进行页面的布局1(float&clear属性)
- Div入门之流式布局:float,clear <等>
- DIV流式布局(float和clear)
- (转)DIV入门之流式布局:float,clear <等>
- div clear float
- div float clear:both
- z-index使用详解元素重叠及position定位
- 元素重叠及position定位的z-index顺序
- 元素重叠及position定位的z-index顺序
- 盒子模型 元素的定位 z-index空间位置
- CSS布局 position float
- div中的float与clear
- div之float,clear特性
- div之float,clear特性
- srand((unsigned)time(NULL))详解
- UVA1658
- unity控制摄像机视图大小的算法
- 12. SpringMVC_使用POJO作为参数
- 2.3项目编码注意事项
- 采用Div布局元素位置确定(float、clear、position、z-index)
- butterknife控件绑定
- 文件查找之locate与find
- #include sys/xxx.h头文件 UNIX头文件 2012-07-08 20:08:30
- unity摄像机跟随的脚本
- Java设计模式--观察者模式
- JamesMusic浅读--------3,欢迎界面。
- Linux关机和重启命令总结
- python 学习2