布局：
1.左右分列2端：使用float:left+float:right,如果一边有多列的话，另一列会对齐最下面那列。所以一般把左右各设一列，一列中再细分多行。
2.div不跟随：使用clear:both，用处和float刚好相反。
3.margin无效：这个问题涉及到对于margin标签的深层次理解。你给外部的div层加上border属性，或者加个padding属性就可以了。根据W3C盒子模型的规范，一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。也可以直接使用padding代替。
原文：http://www.cnblogs.com/xujanus/p/5213871.html