CSS布局-body高度不等於頁面高度


記錄采坑:

博客記錄問題,用作回憶用,不喜勿噴!

  html,body{width: 100%; height: 100%}這是初始定義的寬高。在布局越寫越復雜的時候,布局很容易出現問題,例如一個頁面中有若干個需要 display: none/block 來隱藏顯示的其他頁面時,布局容易出現背景只有一屏,超過一屏的地方空白,沒有背景!即body、或者根div main它的高度遠遠小於實際高度,當然這是布局有問題,一般不會出現這種問題,那么在已經出現了這種問題又不想修改布局(布局很復雜)的情況下,采用如下辦法即可解決:

  在根根根!div下 加上 min-height: 100%; 去掉 height: 100%; 這個能解決一部分問題,至於添加了上述代碼,頁面底部仍然還有一部分留白(無背景),那應該是最后一個元素運用了 margin-bottom: xxvw;檢查一下,頁面最后一個元素是否有 margin 屬性,如有,在其后面添加一個空的div標簽即可解決問題。如還不行,在那個添加的空的div標簽內部加上 &nbsp 。解決問題

     

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM