一、典型的布局（左右两边固定，中间区块是自适应的）
两栏布局：头部、尾部、中间部分有左
三栏布局：左侧边栏有侧边栏中间区块
固定宽度的布局：京东首页是固定宽度的，页面有个最小宽度，一旦页面宽度大于最小宽度，所有内容聚集再中间，两侧是空白，突出的边线，背景图片除外
居中布局设置width固定，margin:0 auto;宽度已计算好，不会发生变化;/比较稳定，对CSs要求不高
两栏布局
一般设置时会在main主要的部分房子啊前面，利于搜索引擎查找
清除浮动的方法：1、content:after{content:"";display:block;clear:both}可以清除浮动。但是其宽度只是是其自身的宽度，除非设置固定的宽高
2、实现BFC
float absolute宽度是收缩的，不能向div一样撑开整个高度，是其自身的宽度，除非设置固定的宽高
