目前缺陷效果如下圖：問題：主體隨著瀏覽器滾動條滾動發生了height缺少，導致內容顯示不全，出現了如圖的空白區域。如何做到在不需要給主體內容區域添加滾動條的情況下，實現滾動瀏覽器滾動條主體內容能正常顯示？代碼如下：<!DOCTYPE html><html><head>? ? <meta charset="UTF-8">? ? <title></title>? ? <style>? ? ? ? body{? ? ? ? ? ? margin: 0;? ? ? ? ? ? padding: 0;? ? ? ? ? ? color: #fff;? ? ? ? }? ? ? ? .container{? ? ? ? ? ? width: 800px;? ? ? ? ? ? height: 1000px;? ? ? ? ? ? background: #4c77f2;? ? ? ? ? ? margin: 0 auto;? ? ? ? ? ? padding-top: 40px;? ? ? ? ? ? text-align: center;padding-bottom:100px;? ? ? ? }? ? ? ? .header{? ? ? ? ? ? width:800px;? ? ? ? ? ? position: fixed;? ? ? ? ? ? height: 40px;? ? ? ? ? ? background: #414141;? ? ? ? ? ? text-align: center;? ? ? ? ? ? font-size: 16px;? ? ? ? ? ? line-height: 40px;left:50%;transform:translateX(-50%);? ? ? ? }.footer-div{? ? ? ? ? ? height: 100px;line-height:100px;width: 800px;position:fixed;bottom:0;}? ? ? ? .footer{? ? ? ? ? ? height:inherit;width:inherit;? ? ? ? ? ? background: #333;? ? ? ? ? ? text-align: center;? ? ? ? ? ? font-size: 16px;position:inherit;left:50%;transform:translateX(-50%);? ? ? ? }? ? </style></head><body><div><div class="header">這是頁面頭部</div><div class="container">這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容這是頁面內容</div><footer class="footer-div"><div class="footer">這是頁面底部</div></footer></div>? ??</body></html>
- 1 回答
- 0 關注
- 1018 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消