CSS3定位

相对定位:position:relative;

top:20px;就是距离上面20px,也就是向下沉20px,其余的同理。(空间位是保留的!!!)

绝对定位:position:absolute;

1,如果父元素没有定位属性,那么该元素的定位的标尺是整个页面的左上角

2,如果父元素有任意一种定位属性,那么该元素的定位的标尺是父元素的左上角

粘性定位:position:sticky;

有“吸附”的效果。

如果两个粘性定位的是同级的时候,下面一个会把上面一个顶走。

如果不是同级,下面一个会和上面一个叠加。

固定定位:position:fixed;

像一些固定菜单,不良浏览器内的小广告一直在右下角,还有购物网站侧边有客服服务,返回最顶部等等,都是这个属性。

 

posted @ 2022-03-01 20:22  沉梦昂志_doc  阅读(45)  评论(0编辑  收藏  举报