时间：2024-06-28 04:00:30
html里相对定位和绝对定位
在HTML中，相对定位和绝对定位是两种常见的定位方法。它们的特点如下：
1. 相对定位（relative）：相对定位是相对于元素自身位置进行定位，仍然处在文档流中。设置了相对定位的元素，其宽高不变，设置偏移量也不会影响其他元素的位置。相对定位的元素是相对于原来没设置过的普通流的元素时来定位的，是相对于排在他之前的子元素而言的。
2. 绝对定位（absolute）：绝对定位是相对于离元素最近的设置了绝对或相对定位的父元素决定的。如果没有父元素设置绝对或相对定位，则元素相对于根元素即HTML元素定位。设置了绝对定位的元素脱离了文档流，元素在没有设置宽度的情况下，宽度由元素里面的内容决定。脱离后原来的位置相当于是空的，下面的元素会来占据位置。
需要注意的是，绝对定位的子元素的位置是相对于父级元素的初始位置而言的，跟其他的子元素没有关系。对于定位而言，只有父类采取了相对定位的设置，子类才能很好地使用绝对定位的设置。
