前面已经介绍过单列定宽单列自适应和两列自适应的两列布局。本文介绍三列布局，分为两侧定宽中间自适应、两列定宽一侧自适应、中间定宽两侧自适应、一侧定宽两列自适应和三列自适应这五种情况
【1】float + margin + calc
left
center
center
right
【2】float + margin + (fix)
left
center
center
right
【1】inline-block + margin + calc
left
center
center
right
【2】inline-block + margin + (fix)
left
center
center
right
left
center
center
right
left
center
center
right
left
center
center
right
这种布局与单列定宽单列自适应布局非常相似
【1】float + margin
缺点是IE6-浏览器的3px的bug，以及当自适应列中有元素清除浮动时，会使该元素不与左侧浮动元素同行，从而出现文字下沉现象
left
center
right
right
【2】float + margin + calc
left
center
right
right
【3】float + margin + (fix)