/* 定位 */
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定位的基准。
对于页面中部分的细微调整,效果甚佳