如圖：問題描述：如何實現在給主體內容添加滾動條的情況下，滾動瀏覽器滾動條主體內容顯示正常，并且不會出現如圖的空白區域。代碼如下：<!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 關注
- 1857 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消