定位层——css定位属性position及相关属性
定位属性： position
作用：规定html元素的定位类型
| 值 |
说明 |
参照对象 |
| static |
（默认值）静态定位 |
无定位，html元素出现在默认文档流中，是默认的定位方式 |
| absolute |
绝对定位 |
相对于非static的第一个父元素进行定位 |
| relative |
相对定位 |
相对于自身在默认文档流中的正常位置进行定位 |
| fixed |
绝对定位 |
相对于浏览器窗口进行定位（即使窗口滚动也不会动） |
相关属性：
当html元素（标签）被设置成定位层（非static）之后。可以激活定位相关的属性设置。
| 属性 |
说明 |
| top |
规定元素的上边界与参考对象之间的距离偏移 |
| right |
规定元素的右边界与参考对象之间的距离偏移 |
| bottom |
规定元素的下边界与参考对象之间的距离偏移 |
| left |
规定元素的左边界与参考对象之间的距离偏移 |
- 这四个定位属性均可以使用负值。同方向有冲突时，以top、left优先。
| 属 性 |
说明 |
| z-index |
规定定位元素的堆叠顺序，拥有更高顺序的元素总会处于较低顺序的元素的前面 |
- z-index的值是指定顺序关系，因此是number数字形式，没有单位。
- z-index的值允许设置位负值。当设置为负值时定位层处于默认文档流下方会被覆盖。
本文标题：定位层——css定位属性position及相关属性
本文链接：https://www.haomeiwen.com/subject/xdfvnxtx.html
网友评论