css定位(positioning)
2014-06-08 11:15
387 查看
CSS 有三种基本的定位机制:普通流、浮动和绝对定位
position属性:
值
absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed 生成固定定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative 生成相对定位的元素,相对于其正常位置进行定位。因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。
static 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
inherit 规定应该从父元素继承 position 属性的值
position属性:
值
absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed 生成固定定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative 生成相对定位的元素,相对于其正常位置进行定位。因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。
static 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
inherit 规定应该从父元素继承 position 属性的值
相关文章推荐
- (七)CSS定位(Positioning)
- 详解css定位与定位应用
- CSS定位(position)
- CSS定位
- 10步掌握CSS定位: position static relative absolute float
- 详解css定位与定位应用
- 10步掌握CSS定位: position static relative absolute float
- 10步掌握CSS定位
- css定位与定位应用详解
- II. Positioning---Chapter 5----Boundaries and Clipping
- CSS定位属性Position详解
- css定位
- CSS定位
- CSS定位属性Position详解
- CSS 定位 (Positioning)学习
- css 属性总结(三):positioning, dimension, list, table
- css定位
- css定位“十字架“之水平垂直居中
- CSS定位阴影
- CSS定位