本文详细介绍了CSS中的定位技术，包括相对定位、绝对定位、固定定位以及粘性定位的特点和用法。相对定位不脱离文档流，但可通过left、right、top、bottom移动；绝对定位脱离文档流，参照最近的定位祖先或浏览器窗口；固定定位始终参照浏览器窗口，滚动不影响其位置；粘性定位在滚动时生效，常用于导航栏固定。
一、元素默认定位：没有任何效果
position:static;二、相对定位：以元素自身的初始位置作为参照物
position:relative;用法：
使用left、right、top、bottom使得元素发生浮动
.box{
width: 100px;
height: 100px;
background-color: red;
position: relative;
left: 100px;
top: 100px;
}<div class="box">box</div>
特性：
1、不会脱离文档流，但是可以飘起来（该元素仍然占据原来的位置，但是浮动到其他元素的位置时可以覆盖在其他元素上面）
2、元素占据初始位置
3、支持margin、padding auto
4、不会影响元素的类型
5、可以随意移动元素
最低0.47元/天 解锁文章
1201
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
