定位

/* 定位 */

position fixed：

基于浏览器窗口定位

1. 脱离文档流

2. 可以设置宽高 以及 margin，border，padding

3. 一般应用：小广告，小工具，导航条

4. 默认，内容撑开宽高

可用top：30px；left:30px或者top：30%；left：30%来确定位置

position absolute 绝对定位：

根据祖辈中上一个定位元素为基准进行定位，如果祖辈中没有定位元素，根据窗口定位。

1. 脱离文本流

2. 默认内容撑开宽高

3. 可以设置margin border padding

4. 一般与其他定位一起使用，重叠布局。

position relative 相对定位：

保持自己的位置不发生改变，基于自身定位，但是样式可以重叠。

1. 不脱离文本流

2. 元素属性不变

3. 基于自身定位

4. 如果不设置top, left, right, bottom, 跟不定位一样。

5. 主要适用于微调。

6. 配合absolute使用，主要用于absolute的父级，作为absolute定位的基准。

对于页面中部分的细微调整，效果甚佳