关于定位

定位position是文档流的一种，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。

定位主要有5种方式，分别为 staic：默认值，absolute：绝对定位，
relative：相对定位，fixed：固定定位 和sticky：粘性定位。

1.默认值：staic

position:staic;是定位默认值，设置坐标无效

2.绝对定位：absolute

position:absolute;是绝对定位，它的特征是：脱离文档流，不占位置；默认参考html的零点（浏览器零点）；如果有父级，且父级有定位，那就参考父级元素（默认定位除外），相当于给予元素指定了参考物。

在没有父级元素的情况下，元素以html作为定位，有父级元素则以父级元素作为定位。absolute脱离文档流，在与其它元素相交时会覆盖其它元素。

3.相对定位

position:relative;是相对定位，他的特征是：占据文档流，不占位置；参考自生加载在页面中的位置。

给元素添加了relative之后，元素会根据它加载在页面中的位置作为零点。
relative占据文档流，在与其它元素相交时它会挤开其它元素。

4.固定定位

position:fixed;是固定定位，它的特征是：脱离文档流，不占位；元素固定在页面中，不会随着页面滚动而移动；参考浏览器的零点。

给元素添加fixed之后，元素参考的零点是html，且它不占位。当滚动页面时它会以窗口为参考，一直悬浮在窗口上。

5.粘性定位

position:sticky;是粘性定位，它的特征是：页面达到一定高度时，脱离文档流；效果是吸附浏览器顶部。


给元素添加sticky之后，在页面达到一定高度时，滚动页面时，它会悬浮在页面中。