相对定位：相对于自己(一开始的位置)进行定位的，但无论怎么移动，这个元素会依然占据原来的位置，它是
不占用偏移后的位置的，也就是说偏移后的元素相当于一个投影/虚像。
绝对定位：相对于离自己最近的开启了定位的祖先元素进行定位的，脱离文档流，因此可以盖住页面上的其他
元素，可以用z-index来控制开启了绝对定位的元素与其他元素的层叠关系。
浮动：向左或向右浮动，直到遇到其他元素。
浮动：让元素排成一行；
定位：能随意摆放元素；
浮动和定位的元素都会转换为行内块元素。