1.固定定位 position:fixed
相对于浏览器窗口 脱离文档流
用途·:返回顶部按钮
2.相对定位 position:relative
相对于元素原来的位置
3.绝对定位 position:absolute
相对于有定位的父元素或者祖先元素 如果都没有就相对于body
用途:一个东西盖到一个东西上面(父元素用相对 子元素用绝对)
4.定位位置相同的情况下 文档后面的会覆盖文档前面的
5.z-index 层级 只有定位元素才有层级 默认是0
问题描述:div(未设置高度)包裹图片 会出现默认空隙
解决方式:给图片设置vertial-align:middle