定位 ---web前端知识点

1. 固定定位：position:fixed 相对于浏览器窗口 脱离文档流 用途：返回顶部按钮...
2. 相对定位：position:relative  相对于元素原来的位置 不脱离文档流
3. 绝对定位：position:absolute 相对于有定位的父元素或者祖先元素 如果都没有就相对于body  脱离文档流。

                用法：一般用于相对于定位配合使用

                用途：一个东西盖到一个东西上面（父元素用相对 子元素用绝对）

1. 定位位置相同的情况下 文档后面的会覆盖文档前面的
2. z-index 层级 只有定位元素才有层级 默认是0
3. 问题描述 ： div（未设置高度）包裹图片 会出现默认空隙

               解决方式：给图片设置 vertical-align: middle;