定位方式
1.简介 通过position属性实现对元素的定位，有四种定位方式 常用取值：
设置定位方式后，还要设置定位属性（偏移量）：top、bottom、left、right。
2.相对定位 先设置元素的position属性为relative,然后再设置偏移量
3.绝对定位 先设置父标签为非static定位，然后设置元素的position属性为absolute，最后再设置偏移量。注意：
- 一般来说都会将父标签设置为非static定位
- 如果父标签不是非static定位，则会相对于浏览器窗口进行定位
- 设置元素为绝对定位后，元素会浮到页面上方
4.固定定位 先设置元素的position属性为fixed，然后再设置偏移量，设置元素为固定定位后，元素会浮动在面面上方。
5.z-index 设置元素定位方式后，元素会浮在页面上方，此时可以通过z-index属性设置优先级，控制元素的堆叠顺序，取值为数字，值越大优先级越高，默认为auto(大多数浏览器默认为0)。 注意：只能给非static定位的元素设置z-index属性。
浮动属性 通过float属性来实现元素的浮动，可以让块级元素脱离常规的文档流，向左或向右移动，在同一行显示，如果一行显示不下，则会换行显示。常用取值：left左浮动，right右浮动，none不浮动，默认值。 设置float属性后，元素会浮在页面上层，此时父容器无法计算自己尺寸，如果我们还想显示父容器通常会在末尾添加一个清除了float属性的空的div来解决。
