浏览器兼容的问题，在火狐两个div之间没有空白，但是在谷歌浏览器上div之间会有一段空白

Question

网页的网址

http://www.xinlizhiyouni.com/

使用谷歌浏览器打开的时候就出现空白

底部的css样式

.bg {
    background: rgba(0, 0, 0, 0) url(../image/bg.jpg) no-repeat scroll center top / cover;
    /* min-height: 540px; */
    padding: 5em 0 0;
}

.footer-show {
    display: block;
    background-color: #900;
}

在类bg和footer-show并未设置margin，为什么这两个div会有空白，用火狐浏览器就没问题

Answer 1

是.rate-title-h2的margin-bottom: 30px;影响的
你的这个.clearfix的作用应该是清除浮动 但是你没给它写样式？例如clear: both;？

Answer 2

很简单，把.clearfix这个类加上样式就行了，例如：

.clearfix {
    clear: both;
}