定位的模式
定位模式有5种。分别是static、absolute、relative、fixed、sticky。
定位基础知识
树形结构
html页面中，最上级是祖先节点。比如，body可以看作祖先节点。平级是兄弟节点。比如，div与div，p与ul。上下级是父子节点。比如，body与div，div与ul。
自然顺序
如果我们没有人为干预，页面就按树形结构排序。块级元素垂直排序，行内元素水平排序。
容器
因为不管哪种定位模型，都是在一个坐标系中偏移或其他处理，那么这个坐标系就是它的容器，容器就是父级元素。
static定位(常规定位/自然定位)
static定位模型，它以下特点，如下图所示