圣杯布局和双飞燕布局

圣杯布局（思路：三个盒子都浮动，用负的margin（有一部分会重叠）去使它们显示一行，再用父盒子padding和左右的相对定位，让左右与中间重叠的部分分开）

HTML结构：div.wrapAll(加一个左右宽度的padding去容纳left和right)

div.mid（宽100%，浮动）

div.left (浮动，用margin-left：-100%重叠一行，再加relative的定位负数顶到wrapAll的外面)

div.right（浮动，用margin-left：负的自己宽度重叠到一行，再加relative的定位负数顶到wrapAll的外面）

父盒子清除浮动

双飞翼布局（思路：三个盒子都浮动，用负的margin（有一部分会重叠）去使它们显示一行，再给main内容加左右margin，让left和right去填充在这个margin的位置）

HTML结构：div.mid[div.main] (给外面mid 宽度100%，浮动，给main加margin-left/right，值为左右栏的宽)

                     div.left (同样的用margin：-100%去重叠mid盒子，然后填充在main的margin位置)

                     div.right（用margin-left：负的自己宽度，然后填充在main的margin位置）

父盒子要清除浮动

有一个C3里新的方法，calc（）可以在括号里去算一些自适应的值 calc（-100%- left的宽）

例子margin：calc(-100%- 100px);