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

CSS定位解析

时间:2023-03-31 00:12:13 CSS

position属性指定html元素的定位类型。position属性有4个值:1.static(默认)表示没有定位,元素出现在正常的文档流中。为静态定位的元素设置top|bottom|left|right没有效果。2.固定元素的位置是相对于浏览器窗口的固定位置。即使浏览器窗口滚动它也不会移动。固定定位使元素脱离文档流,不占用空间。具有固定定位的元素的宽度和高度由其内部元素支持。3.relative相对定位的元素是相对于它们正常的位置。从截图中可以看出,该元素相对于正常位置向右下方移动了100px,但其原本占据的空间并没有改变。并且同一父容器中的后续元素将相对于彼此向下和向右移动100px,而同一父容器中的元素不会受到影响。相对定位的元素通常用作绝对定位元素的容器块。4.绝对定位元素的位置是相对于它最近定位的父元素(即static除外)。如果找不到定位的父元素,则它是相对于元素的。绝对定位使元素脱离文档流,因此它不占用空间。具有绝对定位的元素的宽度和高度由其内部元素支持。ps:5.粘粘定位???