关于relative和absolute定位问题

最新推荐文章于 2025-06-26 10:10:52 发布

jczhang294

最新推荐文章于 2025-06-26 10:10:52 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/jczhang294/article/details/81282802

本文详细解析了CSS中absolute和relative定位的区别。absolute定位的元素相对于最近的已定位父元素进行定位，若无则参照body；而relative定位的元素则总是相对于最近的父元素。此外，absolute定位会使元素脱离标准文档流。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

absolute是相对于离它最近的父级元素（父级元素进行的定位方式必须是relative和absolute并不一定是直接父级元素）如果所有父级元素都没有定位的话，那么就以body为标志定位。如果是relative定位的层总是相对于其最近的父元素，无论其父元素是何种定位方式。另外absolute脱离标准流并且不占用标准流的位置。父级元素一般用relative因为子元素用absolute相对于父元素定位。