.left{ background:pink; float: left; width:180px; }
.right{ background:lightblue; width:180px; float:right; }
.center{ background:lightyellow; overflow:hidden; height:116px; }
BFC的一条规则:与浮动元素相邻的已生成BFC的元素不能与浮动元素相互覆盖。
利用该特性可以作为多栏布局的一种实现方式。
这种布局的特点在于左右两栏宽度固定,中间栏可以根据浏览器宽度自适应。