記錄采坑:
博客記錄問題,用作回憶用,不喜勿噴!
html,body{width: 100%; height: 100%}這是初始定義的寬高。在布局越寫越復雜的時候,布局很容易出現問題,例如一個頁面中有若干個需要 display: none/block 來隱藏顯示的其他頁面時,布局容易出現背景只有一屏,超過一屏的地方空白,沒有背景!即body、或者根div main它的高度遠遠小於實際高度,當然這是布局有問題,一般不會出現這種問題,那么在已經出現了這種問題又不想修改布局(布局很復雜)的情況下,采用如下辦法即可解決:
在根根根!div下 加上 min-height: 100%; 去掉 height: 100%; 這個能解決一部分問題,至於添加了上述代碼,頁面底部仍然還有一部分留白(無背景),那應該是最后一個元素運用了 margin-bottom: xxvw;檢查一下,頁面最后一個元素是否有 margin 屬性,如有,在其后面添加一個空的div標簽即可解決問題。如還不行,在那個添加的空的div標簽內部加上   。解決問題