css设置元素位置固定

需求描述：

在开发过程中，我们常常遇到需要将头部元素固定在屏幕上端的需求，无论滚动条怎么滚动，头部元素始终在整个屏幕的上方。

如何使用css固定元素：

第一步：使用固定定位。
代码：position: fixed;
第二步：配合left、right、top、bottom对元素进行移动。
比如固定在屏幕上方，就是距离浏览器窗口左侧为0，上侧为0
代码：left: 0; top: 0;

完整代码：

.box{
	position: fixed;
	top: 0;
	left: 0;
}

fixed 固定定位 知识点回顾：

1. 相对于浏览器窗口定位
2. 定位后原位置不保留
3. 配合left、right、top、bottom移动
4. 元素固定定位后转换为块级元素