图片的各类居中
- 想让图片水平居中：
- 让其父元素margin: 0 auto; 有宽度的情况下。
- 让其父元素text-align: center;
- 如果是小图标，可以用背景图的方法：
- 然后加background-position属性改变位置；
- 有文本的话再改一下间距，不然重叠一起了。
定位的扩展
1. 绝对定位的盒子居中
加了绝对定位的盒子不能通过margin: 0 auto; 水平居中，但是可以通过以下计算方式实现。
position: absolute;
left: 50%;
margin-left: 盒子宽度的一半;
// 这是水平居中，垂直居中同理。
- 优点：屏幕变小，依旧居中。
- 固定定位也可以使用。
2. 定位特殊特性
绝对定位和固定定位也和浮动类似。
1. 行内元素添加绝对定位或者固定定位，可以直接设置高度和宽度。（行内元素本身是不能设置宽高的）
2. 块级元素添加绝对或固定定位，如果不给宽度或高度，默认大小是内容的大小。
3. 脱标（标准流）的盒子不会触发外边距塌陷
浮动元素、绝对定位（固定定位）元素的都不会出发外边距合并的问题。
4. 绝对/固定定位会完全压住盒子
- 和浮动元素不同，只会压住下面标准流的盒子，不会压住下面标准流盒子里的图片和文字。
- 浮动最初就是为了文字环绕效果，所以不会压住图片和文字。
- 而绝对/固定定位会压住下面标准流的所有内容。
