float布局

文字环绕
1、none 不浮动
2、left 左浮动（单个模块左浮动可以实现三栏页面）
3、right 右浮动

为了防止父元素塌陷
清除浮动
clear：both；
例如：
.clearfix::after{
display:table;
clear:both;}

BFC：块格式化上下文

       根元素或其他包含他的元素
       浮动（元素的float不是none）
       绝对定位的元素（元素有position为absolute或fixed）
       内联块 inline-blocks（元素具有display：inline-block）
       表格单元格（元素具有display：table-cell，HTML表格单元格默认属性）
       表格标题（元素具有display：table-caption，HTML表格标题默认属性）
       块元素具有overflow，且值不是visible
       display：flow-root 

最常用的是overflow：hidden

流体浮动

1、.main{width:100%; float:left; }
2、main有一个子元素content {margin：0 200px}//留着给左右浮动的侧边
3、左边栏
.aside--left{width：200px；float：left；**margin-left：-100%；**}
4、右边栏
.aside--right{width：200px；float：left；**margin-left：-200px；**}

margin-left 负取值：