css中position属性定位:absolute与relative

定位层,由html元素(标签)构成的特殊box,定位方式由css控制。默认定位为静态,位于普通文档流中。定位层通过参照对象实现位置定位,主要用于小范围内容元素排版。position属性决定html元素的定位类型。激活定位相关属性设置后,元素脱离文档流。position定位与float概念重要,position制定块位置,即相对于父块或自...
css中position属性定位:absolute与relative
定位层,由html元素(标签)构成的特殊box,定位方式由css控制。默认定位为静态,位于普通文档流中。

定位层通过参照对象实现位置定位,主要用于小范围内容元素排版。

position属性决定html元素的定位类型。激活定位相关属性设置后,元素脱离文档流。

position定位与float概念重要,position制定块位置,即相对于父块或自身位置的调整。

absolute定位示例:子块不再从属父块,距离基于页面body,而非父块。代码显示与效果对比。

当子块position设为absolute,不再隶属于父块,盒子2则成为父块新顶端元素,代码展示。

relative定位时,子块相对于自身在父块原位置移动,仍属于父块。

z-index调整定位层重叠顺序,值决定元素间上下关系。默认为0,负值使定位层处于文档流下部。2024-11-04
mengvlog 阅读 731 次 更新于 2025-12-17 18:23:44 我来答关注问题0
檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部