其他分享
首页 > 其他分享> > CSS 定位

CSS 定位

作者:互联网

定位 postion:

 

 

默认: static 即文档流定位。

 

1.相对定位  (relative)

1.不会影响其他元素,

2.不脱离文档流

3.但是呢 相对单位是占位置的,就是你偏移走了后,之前那个位置还会占这。这点要注意。

4.自身偏移,相对于自己的位置来走,但会覆盖别人,可以用zIndex自己调整。

 

2.绝对定位(absolute)

1.绝对单位不占空间,和相对单位相反啊  ,相对定位是占着那个(占位) ,绝对单位不占。

2.宽度有内容决定

3.支持内联和块状 的样式,即支持所有的样式。

4.脱离文档流了(即不占坑的..)

5.相对于最近的 非static 元素单位,如果都是static ,那么会相对于可视区单位,可视区其实就是电脑屏幕。

 

3.固定单位(fixed)

1.不收任何元素影响

2.宽度内容决定

3.支持所有的样式(内联 + 块状)

4.相对于可视区来定义,任何元素都不能影响到自己。

 

4.粘性单位(sticky)

1. 相对单位 + 固定单位的 产物

2.当你即将不可视的时候(即 被拉走或超过浏览器屏幕的时候) 那时候他会变为固定定位,一直在边缘徘徊,类似于 滑块导航条,滑块下去,你死都不下去。

 

完.  别白嫖啊 点个赞什么的啊.........

 

标签:定位,单位,相对,static,可视区,文档,CSS
来源: https://www.cnblogs.com/bi-hu/p/15551954.html