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值,留出左右盒子位置即可;