CSS 闲着无聊读一读，不知不觉学会CSS（五

[](()1.固定定位

语法格式：

position:fixed

固定定位，它是相对于浏览器窗口来进行定位。不管页面如何滚动，固定定位元素显示的位置不会改变。

特点：

• 固定定位元素它脱离了标准文档流。

• 固定定位元素的层级比标准文档流里面的元素要高，所以固定定位元素它会压盖住标准文档流里面的元素。

• 固定定位元素它不再占用空间。

• 固定定位元素它显示的位置不会随着浏览器的滚动而滚动。

案例一：使用固定定位来实现返回顶部的按钮。

返回
顶部

效果图如下：

同样比较常见的有顶部的导航栏，也是这种方式做的：