关于定位

做html+css，有一个是绕不开的，这就是定位。

定位广泛用于各种网页，如：

天猫：

京东：

小米商城等都用到了定位。

常用的定位元素

属性	作用
static（默认属性）	元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中
relative（相对定位）	元素框偏移某个距离。元素仍保持其未定位前的形状，不脱标。（以自身原文件位置为定位参考点）
absolute（绝对定位）	完全脱标，元素相对于定位的父级元素，若父级元素未定位，则以页面为参考点。
fixed（固定定位）	元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身。（w3school）

脱标：脱离标准流，即在标准流中不占有位置

想要定位，还需要一个名字叫偏移的东西

偏移的属性有四个属性，分别为top、bottom、left、right。

编写原则：

        子元素用绝对定位时，父元素一般用相对定位

    偏移：一般按照先上后下、先左后右的顺序