定位

 

定义

位置(Position)属性是对HTML元素的位置进行定义的CSS属性。

概述

流动模型(Flow) 浮动模型(Float) 层模版(Layer) 弹性盒模型

display

列表

元素描述版本
bottom 设置定位元素下外边距边界与其包含块下边界之间的偏移。 2
clearclear 指定一个元素是紧挨着上一个浮动元素,并必须移动到该元素的下方。1
clip 剪裁绝对定位元素。 2
cursor 规定要显示的光标的类型(形状)。 2
displaydisplay指定元素中渲染出来的显示盒类型。1
floatfloat 可使一个元素脱离文档流,然后被放置在它所在的容器的左侧或右侧,另外其他的文本或行内元素围绕该元素放置。1
left 设置定位元素左外边距边界与其包含块左边界之间的偏移。 2
overflowoverflow该属性作用在block型元素上。2
positionposition该属性设置元素的定位方式, 且在动画特效脚本化时效果很好。1
right 设置定位元素右外边距边界与其包含块右边界之间的偏移。 2
top 设置定位元素的上外边距边界与其包含块上边界之间的偏移。 2
vertical-align 设置元素的垂直对齐方式。 1
visibilityvisibility 属性有两种用法:取值为 hidden 时隐藏元素,并将其所占空间用空白占位。取值为 collapse 时隐藏表格的一行或一列。2
z-indexz-index该属性指定元素及其子元素的z-order。当元素之间重叠时,z-order可决定元素显示的顺序。一般z-index较大的元素会在z-index较小的上方显示。2

变更点

CSS3增加了一个具有强大布局能力的弹性合子模型,可以完全代替原来的float