当前位置: 首页 > Web前端 > CSS

css-positioninglayout

时间:2023-03-30 17:23:05 CSS

positioninglayout定位元素:1.【绝对定位,固定定位】脱离文档流(1.如果不指定宽高,则由其内容决定;2.元素做从文档流中移除后不占用文档屏幕空间,它下面的块元素会上来)2.所有定位元素都可以使用下面的属性left/right/bottom/top3.position的值决定了相对点位:静态;(非定位元素)position:relative;相对定位的元素不会相对于它们的当前位置离开文档流。一般情况下,相对定位不会让他移动,而是作为判断定位的参考。位置:绝对;绝对定位元素是从文档流中分离出相对于他最近的父定位元素的距离(relative、absolute、fixed),如果所有的父元素都不是定位元素,则相对于浏览器视口的position:fixed;固定定位元素不会脱离相对于浏览器视口的文档流随着浏览器的滚动而滚动position:sticky;top:10px;粘性定位元素不脱离文档流,是相对定位和固定定位的结合。不超过阈值时为相对定位,超过阈值时为固定定位。