关于css中 position在布局中非常重要，查了很多资料都说的很难理解，下面说说个人的理解：
语法：
position： relative | absolute
立即学习“前端免费学习笔记（深入）”；
relative： 对象遵循常规流，并且参照自身在常规流中的位置通过 top， right， bottom， left属性进行偏移时不影响常规流中的任何元素。 absolute： 对象脱离常规流，使用 top， right， bottom， left等属性进行绝对定位，盒子的偏移位置不影响常规流中的任何元素，其margin不与其他任何margin折叠。立即学习“前端免费学习笔记（深入）”；
说明：
当设定position: relative时，是相对于自己来定位。（即相当于当前位置移动）
当设定position: absolute时，是相对于父级来定位的，没有父级相对于body定位。
备注：position: absolute时， left ， right ， top ， bottom至少指定其一，对象可层叠，层叠通过 z-index 属性定义。
position: relative时对象不可层叠
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
545
