做html+css，有一个是绕不开的，这就是定位。
定位广泛用于各种网页，如：
天猫：
京东：
小米商城等都用到了定位。
常用的定位元素
| 属性 | 作用 |
static（默认属性） |
元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中 |
| relative（相对定位） | 元素框偏移某个距离。元素仍保持其未定位前的形状，不脱标。（以自身原文件位置为定位参考点） |
| absolute（绝对定位） | 完全脱标，元素相对于定位的父级元素，若父级元素未定位，则以页面为参考点。 |
| fixed（固定定位） | 元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身。（w3school） |
脱标：脱离标准流，即在标准流中不占有位置
想要定位，还需要一个名字叫偏移的东西
偏移的属性有四个属性，分别为top、bottom、left、right。
编写原则：
子元素用绝对定位时，父元素一般用相对定位
偏移：一般按照先上后下、先左后右的顺序