布局，一般发生在页面内容块，需要对内容进行分割处理，针对于大块分模块场景中使用。
种类主要有两栏布局，三栏布局，头左右栏布局。
两栏布局，将模块划分为左右两块，放置在div盒子中，左则使用浮动，右则盒子使用overflow:hidden将其变为bfc元素，利用bfc会避开浮动盒子特性，来完成左右布局，然后加上伪元素
::atfer{content:"",display:block,clear:both},放置父类防高度塌陷。
为了使左右栏保持同一高度，可以先将左栏高度设为一万像素，通过margin-bottom:-9990px，将其背景填充满，只留10px高度，这样伪元素会以右则盒子下面，父元素高度以右则盒子高度为主，因为左则只有10像素。
同理，三栏布局，可将最左右两则元素使用浮动放在靠边框位置，再将主要内容使用overflow:hiden，变为bfc，放置在中间，再使用主区域设置overflow:hidden，即可现实高度相同。
头左右栏布局，先将整体元素设置为position:flew，固定元素，再将其长宽设置为100%，再设置头，将其设置为绝对元素，再设置下方左右布局，主区域绝对定位，相对于父元素，左则区域左浮动，右则bfc即可，然后父类设置overflow:hidden掩藏溢出部分即可。
