12.css布局常见问题

1.图片与文字水平垂直居中：图片属于行内块元素，垂直居中可以给父盒子添加： text-align:center; vertical-align:middle;line-height:height;

2.图片性质/* 只改宽度，高度等比例缩放 */

/* 一般出现图片和文字居中对齐，一定要想到vertical-align */

vertical-align: middle;

3.父盒子有高度就不用清除浮动了

4.嵌套盒子会发生外边距合并： /* 嵌套的盒子，里面的盒子加margin-top会发生外边距合并，父盒子就要加overflow：hidden； */

5.左右盒子固定，中间盒子自适应布局方法：左右盒子采用定位的方法，中间盒子width：100%；给中间盒子左右margin值，留出左右盒子位置即可；