《CSS Mastery》Chapter 2

margin合并

   垂直方向上的外边距合并。   《CSS权威指南》中的比喻：就像照片外边的透明塑料边，塑料边重合时，不会影响两张照片的内容，并且以更宽的外边距为主。

如何让父容器“包含”住浮动元素

   父元素的所有子元素都是浮动元素，由于浮动元素脱离了正常的文本流，所以不会为他们留下位置；因此解决方法如下：   - 在所有浮动元素的最后，新增一个空的<div>设置为左右两侧清除浮动。       .lastFloatElement:after{                   content: ".";                   height: 0;                   visibility: hidden;                   display: block;                   clear: both;       }   - 将父元素同样设置为浮动也可以达到相同效果。