CSS定位

CSS中定位元素使用position  （分别由两个元素 其一规定元素定位类型 其二规定元素定位位置）

对于其一：分为 static 静态定位、relative相对定位、absolute绝对定位、fixed固定定位

队医其二：属性分别为top、bottom、left、right

一、静态定位static：

---

 

元素默认为静态定位，静态定位的唯一作用就是取消定位。

二、相对定位relative：

---

 

1.占位置，不会脱离标准流。继续占据原有的位置，元素移动后覆盖其他元素上面

2.位置移动的基准点为自己左上角为基准点

三、绝对定位absolut:

---

 

1.绝对定位脱离标准流，不占位置，后面的位置会移动到上面来

2.基准点：若父元素（祖先）没有使用定位（绝对定位、相对定位、固定定位）则以浏览器屏幕左上角为基准点

　　　　   若父元素（祖先）有使用定位，则以父元素的左上角为基准点

 

通常  说的子绝父相的意思是：父元素通常使用相对定位，子元素使用绝对定位。主要原因是父元素通常是盒子，需要占位置，所以使用相对定位，使元素不脱离标准流，后面的元素不会

顶上来，而子元素使用绝对定位，是为了使它可以随意移动位置，且不占位置。

原文链接:https://www.cnblogs.com/zjfman/p/11454405.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有