css中元素的定位:position
2013-03-23 14:39
323 查看
网页中元素的定位使用position属性。position的可用值有:
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
clip:rect(0px 50px 200px 0px)
static
默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。fixed
生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative
生成相对定位的元素,相对于其正常位置进行定位。因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。
absolute
生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
clip
对元素进行裁剪clip:rect(0px 50px 200px 0px)
z-index
默认为0,通过设置z-index,可以设置元素叠加时的显示顺序。相关文章推荐
- css元素position定位和z-index
- 浅析CSS——元素重叠及position定位的z-index顺序
- css基础 绝对定位 position:absolute 相对于定位的祖先元素进行定位
- CSS元素之position 定位
- 浅析CSS——元素重叠及position定位的z-index顺序
- css基础 绝对定位 position:absolute 相对于定位的祖先元素进行定位
- CSS元素之position 定位
- css position 设置元素的定位方式详解
- 浅析CSS——元素重叠及position定位的z-index顺序
- CSS的Position元素定位和Display元素
- CSS:元素定位之position属性
- 打开input输入的时候,css中position:absolute/fixed定位的时候,定位元素上移问题解决
- css 中的元素定位 (position 元素)
- 浅析CSS——元素重叠及position定位的z-index顺序
- CSS中position的absolute如何相对于父元素的位置进行定位
- 浅析CSS——元素重叠及position定位的z-index顺序
- CSS元素的定位属性position
- 浅析CSS——元素重叠及position定位的z-index顺序
- CSS中position的absolute如何相对于父元素的位置进行定位
- CSS中position的absolute如何相对于父元素的位置进行定位