CSS Position教程学习笔记

这个笔记是我学习教程后而写的笔记，教程地址：https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning

position属性可以取以下值:
static　　　//默认，normal flow
relative　　//相对于normal flow的位置移动
absolute　//相对于页面的起始位置移动
fixed 　　//相对于浏览器画面vieport位置移动，这样就不会随着滚动条滚动
sticky　　//开始是static，当到达画面某个位置（大部分是滚动条滚动到达），元素就变成fixed，紧贴画面，不会随着滚动条移动了。

当改变位置后，多个div层叠时，使用z-index可以设置div的层次，数值越高越在最顶层，默认是0。