定位
定义
位置(Position)属性是对HTML元素的位置进行定义的CSS属性。
概述
流动模型(Flow) 浮动模型(Float) 层模版(Layer) 弹性盒模型
display
列表
元素 | 描述 | 版本 |
---|---|---|
bottom | 设置定位元素下外边距边界与其包含块下边界之间的偏移。 | 2 |
clear | clear 指定一个元素是紧挨着上一个浮动元素,并必须移动到该元素的下方。 | 1 |
clip | 剪裁绝对定位元素。 | 2 |
cursor | 规定要显示的光标的类型(形状)。 | 2 |
display | display指定元素中渲染出来的显示盒类型。 | 1 |
float | float 可使一个元素脱离文档流,然后被放置在它所在的容器的左侧或右侧,另外其他的文本或行内元素围绕该元素放置。 | 1 |
left | 设置定位元素左外边距边界与其包含块左边界之间的偏移。 | 2 |
overflow | overflow该属性作用在block型元素上。 | 2 |
position | position该属性设置元素的定位方式, 且在动画特效脚本化时效果很好。 | 1 |
right | 设置定位元素右外边距边界与其包含块右边界之间的偏移。 | 2 |
top | 设置定位元素的上外边距边界与其包含块上边界之间的偏移。 | 2 |
vertical-align | 设置元素的垂直对齐方式。 | 1 |
visibility | visibility 属性有两种用法:取值为 hidden 时隐藏元素,并将其所占空间用空白占位。取值为 collapse 时隐藏表格的一行或一列。 | 2 |
z-index | z-index该属性指定元素及其子元素的z-order。当元素之间重叠时,z-order可决定元素显示的顺序。一般z-index较大的元素会在z-index较小的上方显示。 | 2 |
变更点
CSS3增加了一个具有强大布局能力的弹性合子模型,可以完全代替原来的float