本文详细介绍了CSS中的三种定位方式：relative、absolute和fixed。relative保持元素在文档流中的位置，可通过偏移量调整相对位置；absolute使元素脱离文档流，依据最近定位父元素或body定位；fixed则相对于浏览器窗口定位，常用于固定头部或侧边栏。这三种定位方式在网页布局中起着关键作用，理解它们的区别和用法对于前端开发至关重要。
position: relative;相对定位
a、不影响元素本身特性；
b、不使元素脱离文档流（元素原始位置会被保留）；
c、没有定位偏移量时对元素无影响（相对于自身偏移）；
d、提升层级；
相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其他框
被设置元素相对于其原始位置而进行定位
position: absolute;绝对定位
a、使元素完全脱离文档流；不占据空间
b、使内联元素支持宽高；内联块
c、块属性标签内容撑开宽度；
d、相对于最近的有定位的父元素偏移，且逐层上找，直到document；
e、相对定位一般配合绝对定位使用；
f、提升层级
position: fixed;固定定位
与绝对定位一致，但相对于可视区域偏移，且ie6及更低版本不兼容
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
