.xx {
position:relative;
top:100px;
}
相对于自己在界面的正常位置，进行相对位移；所占的界面空间依然在原来的位置，也就是说在它下面的元素位置不会改变；
.xx {
position:absolute;
top:100px;
}
相对于父元素进行绝对定位；空间使用新定位的空间位置；
注：如果父元素设置position:relative 就以父元素为参考点，反之以body为参考点。
可以在这里 W3School在线测试工具 V2 感受下
.xx {
position:relative;
top:100px;
}
相对于自己在界面的正常位置，进行相对位移；所占的界面空间依然在原来的位置，也就是说在它下面的元素位置不会改变；
.xx {
position:absolute;
top:100px;
}
相对于父元素进行绝对定位；空间使用新定位的空间位置；
注：如果父元素设置position:relative 就以父元素为参考点，反之以body为参考点。
可以在这里 W3School在线测试工具 V2 感受下
position:absolute and position:relative 的理解 Absolute，CSS中...
css粘性定位position：sticky问题采坑position: sticky 详解（防坑指南）CSS中po...
absolute position和relative position:https://css-tricks.co...
Css pos position:relative; pos:s position:static; pos:a p...
CSS 中的层级概念 CSS中分为3层 最上层：定位元素层（position:relative、position:...
position:sticky是一个css3属性，类似position:relative和position:fix...
垂直水平居中 css: position几个属性 position: relative, absolute, fi...
CSS position属性 CSS display属性 CSS float属性 （引用：https://www...
CSS Position定位理解：https://www.runoob.com/css/css-positioni...
关于CSS position，来自MDN的描述： CSS position属性用于指定一个元素在文档中的定位方式。...
本文标题：css position
本文链接：https://www.haomeiwen.com/subject/ysurlttx.html
网友评论