本文详细介绍了CSS中的定位属性position，包括static、relative、absolute和fixed的使用及区别。同时，探讨了元素重叠时的z-index属性以及如何通过opacity实现透明效果。无论是相对定位还是绝对定位，都对理解网页布局至关重要。
position 属性
static: ----默认值（没变化）
relative:-----相对定位（移动位置与设置相反，标准文档流和浮动元素皆可使用，互不干扰）
设置相对定位的盒子会相对他原来的位置通过指定偏移，达到新的位置
设置相对定位的盒子仍在标准文档流中，他对父级盒子和相邻盒子都没有任何影响
设置相对定位的盒子原来的位置仍会保留下来
absolute:-----绝对定位（经常和相对定位一起用，从标准文档流中脱离，对其他的盒子没有影响）
使用了绝对定位的元素以他最近的一个“已经定位”的父级元素为基准进行偏移，
如果没有那会以浏览器为窗口进行定位。
绝对定位的元素从标准文档流中脱离，这意味着他们对其他元素的定位不会造成影响。
fixed:-----固定定位（以浏览器为基准进行定位，拖动浏览器窗口时保持对象位置不变）
相对浏览器来定位，偏移量不会随滚动条的移动而移动
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
