HTML/CSS属性position值static、fixed、relative和absolute的区别与用法
1、static：静态定位，默认，相当于没设置，top、right、bottom、left属性（以下简称TRBL）和z-index属性不生效
2、fixed：固定定位，相对于浏览器窗口来定位，TRBL属性和z-index属性有效
3、relative：相对定位，相对于直接父级来定位，TRBL属性和z-index属性有效
4、absolute：绝对定位，相对于同类父级来定位，即向上查找紧邻的父级position属性为fixed/relative/absolute的元素来定位，TRBL属性和z-index属性有效
示意图：
HTML代码：
position
div1/static
div2/relativemiddlemiddle/absolute
div3/absoluteabsolute/absolute
div4/fixedfixed/absolute
参考资料
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！