css-position: static / absolute / fixed / relative
作者:互联网
static:静态 absolute:绝对定位 fixed:固定 relative:相对定位
static :
无特殊定位,对象遵循HTML定位规则
absolute :
将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。与其最接近的一个最有定位设置的父级对象进行绝对定位。
如果父级对象没有设置定位属性,那么将遵循HTML的定位规,以body的左上角为参考进行定位。而其层叠通过z-index属性定义。此时对象不具有边距,但仍有补白和边框。
对象可层叠。
relative :
对象不可层叠,但将依据left,right,top,bottom等属性在正常文档流中偏移位置
fixed :
生成绝对定位的元素, 相对于浏览器窗口进行定位。可以通过设置 "left", "top", "right" 以及 "bottom" 属性给目标元素定位。
position为absolute与fixed两者的共同点和不同点:
共同点是:元素都脱离了标准流,均不再占据空间;
不同点是:定义为absolute的元素会随着滚动条的拖动而变化,定义为fixed的元素并不会随着滚动条的拖动而变化。
参考链接:https://blog.csdn.net/chengxing1305/article/details/5432650
参考链接:https://blog.csdn.net/sinat_41747081/article/details/88384335
标签:定位,right,属性,对象,relative,static,position,fixed,absolute 来源: https://www.cnblogs.com/duiyuedangge/p/16452467.html