Browser compatibility problem, there is no space between the two div of Firefox, but there will be a gap between the div on Google browser.

URL of the web page

http://www.xinlizhiyouni.com/

Blank space appears when you open it using Google browser

css style at the bottom


.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: -sharp900;
}

margin, is not set in classes bg and footer-show. Why are these two div blank? no problem with Firefox

Oct.19,2021

is margin-bottom: 30px of .rate-title-h2 ; influence
your .clearfix is supposed to clear the float but you didn't write a style for it? For example, clear: both; ?


is very simple. Just style the class .clearfix , for example:

.clearfix {
    clear: both;
}
Menu