其他分享
首页 > 其他分享> > css-position: static / absolute / fixed / relative

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