如果盒子是浮动的，其元素带有 margin，那么其值会 x2
    解决方法
    增加 display: inline / block

    浮动元素有 3 个像素间隙的问题。
    解决方法
    都加 float

    外部一个盒子是相对定位
    内部一个例子是绝对定位， 如果 righ / left / top / bottom 为 0 时，会有 1px 间隙
    解决方法
    设置偶数宽高

    img 下方有白色间隙
    解决方法
    对 img

    1. 设置 display:block
    2. 调整 vertical-align
    3. font-size: 0 (不建议)

    没有文本元素的

    , 设置高度为 0 - 19 px，其高度都为19 px
    解决方法

    1. 设置 overflow： hidden
    2. 加入内容 空注释
    3. 加入内容  
    4. 设置 font-size: 0

    重复文字问题，在一些复杂排版中使用了清除浮动，有一些文件会出现在 clear:both 的下面
    解决方法

    1. 一行所有元素 inline
    2. margin-right 负值

    z-index 失效
    解决方法
    其父级元素设置 position: relative; z-index: 1;
    如果不行再在其父级的父级加上 position: relative; z-index: 1;