说明

1、固定定位是元素固定在浏览器可视区的位置。固定定位也可以算是一种特殊的绝对定位。

2、使用场景为当浏览器页面滚动时，元素的位置不会改变。

固定定位的特点

• 以浏览器的可视窗口为参考点的移动元素。

• 和父元素无关。

• 不要随滚动条滚动。

• 固定定位不占用原位置。固定定位也是脱标的。

实例

.w {width: 800px;height: 1400px;margin: 0 auto;background-color: pink;}.fixed {position: fixed;/*1,走浏览器宽度的一半*/left: 50%;/*2，走版心盒子的一半，想宽一点可以加多一点px*/margin-left: 400px;width: 50px;height: 150px;background-color: skyblue;}版心盒子