图片bug

        /* margin-top的传递问题：子元素的margin-top会把父元素带下来 */
        /* 解决：在父元素上加overflow:hidden  */
        /* overflow: hidden; */

图片的两个bug 
    1 图片下边撑大3px或者4px的问题   
        img{vertical-align:top;}   垂直上对齐
        img{display:block;} 改为块级元素 --- 不太推荐使用
        父元素{font-size:0;}  把父元素上的字体大小设置为0
    2 左右由代码换行所产生的间距
        不空行 
        空注释
        float
        父元素{font-size:0;}