CSS样式属性
2016-07-14 18:56
309 查看
position用来设定元素的定位类型,有absolute(绝对定位)、relative(相对定位)、static(静态定位,默认值)、fixed(固定定位)四种。
static:默认。位置设置为 static 的元素,它始终会处于页面流给予的位置(static 元素会忽略任何 top、bottom、left 或 right 声明)。
relative:位置被设置为 relative 的元素,可将其移至相对于其正常位置的地方,因此 "left:20" 会将元素移至元素正常位置左边 20 个像素的位置。
absolute:位置设置为 absolute 的元素,可定位于相对于包含它的元素的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及 "bottom" 属性来规定。
fixed:位置被设置为 fixed 的元素,可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及"bottom" 属性来规定。不论窗口滚动与否,元素都会留
在那个位置。工作于 IE7(strict 模式)。
参考:http://www.w3school.com.cn/jsref/prop_style_position.asp
static:默认。位置设置为 static 的元素,它始终会处于页面流给予的位置(static 元素会忽略任何 top、bottom、left 或 right 声明)。
relative:位置被设置为 relative 的元素,可将其移至相对于其正常位置的地方,因此 "left:20" 会将元素移至元素正常位置左边 20 个像素的位置。
absolute:位置设置为 absolute 的元素,可定位于相对于包含它的元素的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及 "bottom" 属性来规定。
fixed:位置被设置为 fixed 的元素,可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及"bottom" 属性来规定。不论窗口滚动与否,元素都会留
在那个位置。工作于 IE7(strict 模式)。
参考:http://www.w3school.com.cn/jsref/prop_style_position.asp
相关文章推荐
- css3入门笔记(更新完成)
- CSS 实现下拉框
- CSS美工体会
- a标签设置不跳转
- 实现页面倒数秒后跳转到指定页面
- 解决input的file类型各浏览器的样式兼容
- CSS3详解:background
- [转]基于国家标准的 EndNote 输出样式模板 ----直接用endnote导入到word,不用自己一个个改参考文献了
- CSS技巧
- CSS3 动画
- Suckerfish下拉菜单
- CSS布局基础——BFC
- CSS 选择器参考手册
- css控制内容显示省略号
- 仿照群英传-自定义View时钟样式
- CSS3 几步即可实现loading动画效果
- CSS魔法堂:重新认识Box Model、IFC、BFC和Collapsing margins
- css动画效果:实现鼠标移入菜单栏文字下出现下划线
- div+css 如何让背景层半透明 内容不透明
- CSS 模块化开发