什么是布局？
把页面分成一块一块，按左中右，上中下等样式布局
布局分类：
固定宽度布局，一般为960/1000/1024px（能被8整除）
不固定宽度布局，主要靠文档流原理来布局
响应式布局，pc上固定布局，手机上不固定布局，混合布局
什么时候使用float布局：
需要兼容IE9，使用float布局，左浮2个，固定宽度，不要响应式，给父元素加clearfix，必要时
采用负margin
float布局步骤：
就2个步骤，剩下的都是调试高度宽度位置
子元素上加:
float:left/right
width
在父元素上加
.clearfix::after{
content:'';
display:block;
clear:both;
}
常用代码：
display:inline-block;压窄自己
verticl-align: middle;(top)；删除图片下面有多余的东西（空格，背景色）
margin-top:5px;外边框向下移5像素
margin-left:10px;左边有10像素的空白
max-width:100px;最大宽度100px
margin：0 auto；如果元素的宽高是固定的可以使用这句代码自动居中
但是有可能会覆盖其它代码的样式，最安全的办法是
margin-left：auto；
margin-right：auto；
如果要做平均布局，在图层之间加一个x，然后移动这个x，就行
（marfin-right：-12px；）负margin 技巧
border会干扰css布局，占了2像素位置，可以替换成 outline 不占像素位置
详细资料点击：CSS层叠样式表
