CSS 定位 (Positioning) 属性允许你对元素进行定位。
通过使用 position 属性,我们可以选择 4 种不同类型的定位,这会影响元素框生成的方式。
position 属性值的含义:
static
没有定位,元素出现在正常的流中top, bottom, left, right , z-index无效
relative
相对于其直接父元素进行定位top,bottom,left,right,z-index有效
absolute
相对于 static 定位以外的第一个父元素进行定位top, bottom, left, right , z-index 有效
fixed
相对于浏览器窗口进行定位top, bottom, left, right , z-index 有效
属性 | 描述 |
---|---|
position | 把元素放置到一个静态的、相对的、绝对的、或固定的位置中 |
top | top 定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移 |
right | 定义了定位元素右外边距边界与其包含块右边界之间的偏移 |
bottom | 定义了定位元素下外边距边界与其包含块下边界之间的偏移 |
left | 定义了定位元素左外边距边界与其包含块左边界之间的偏移 |
overflow | 设置当元素的内容溢出其区域时发生的事情 |
clip | 设置元素的形状。元素被剪入这个形状之中,然后显示出来 |
vertical |