position

css中的position后面的定位的不同用法与区别:

Static:静态定位可以理解为没有定位;是position属性的默认值,元素正常显示在页面排版中;

Relative(相对定位):元素相对自身的位置进行偏移也就是相对于自身来说在文档中出现的位置来移动,可以通过(top、right、bottom、left)属性来移动元素,偏移后原本的位置空间依然保留,只是视觉上相对原来的位置有移动。

absolute(绝对定位):生成绝对定位元素,此元素脱离文本流不在文档中占据位置,以页面的左上角通过(top、right、bottom、left)属性进行定位。也可选取父级定位对象进行定位。

fixed:生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

inherit:规定应该从父元素继承 position 属性的值。

原文地址:https://www.cnblogs.com/lilinhan/p/9697841.html