如何解决上外边距溢出的问题

1. 为父元素设置上边框 border-top:1px solid #ddd;(弊端：父元素高度变化.不提倡)颜色有父元素背景色决定
2. 为父元素设置内边距取代外边距.（弊端：父元素高度改变.不提倡）
3. 在子元素div前增加空的<table><table/>元素,(提倡)
4. 父元素设置overflow属性
5. 使用伪元素

.className::before {       
    content: "解决上外边距溢出问题";     /**//*内容为“.”就是一个英文的句号而已。也可以不写。*/
    display: block;   /**//*加入的这个元素转换为块级元素。*/
    visibility: hidden;      /**//*可见度设为隐藏。注意它和display:none;是有区别的。visibility:hidden;仍然占据空间，只是看不到而已；*/
    line-height: 0;    /**//*行高为0；*/
    height: 0;     /**//*高度为0；*/
    font-size:0;    /**//*字体大小为0；*/
}