4 回答

TA貢獻1802條經(jīng)驗 獲得超5個贊
只需刪除高度:100%;從你的樣式表中。已測試并工作。
html,body
{
font-family:"Josefin Sans";
background-color: #4a86e8ff;
width: 100%;
height: 100%; <-- Remove
margin: 0px;
padding: 0.5px;
overflow-x: hidden;
}
您指定主體為屏幕高度的 100%,這會強制顯示額外的滾動條。希望這可以幫助。

TA貢獻1841條經(jīng)驗 獲得超3個贊
歡迎來到堆棧溢出!看來你有overflow-x: hidden
元素<body>
。這意味著您也想隱藏水平滾動。請檢查<body>
和<footer>
填充,它們在元素周圍創(chuàng)建空間,從而使它們更寬。
更新:?這個問題height:100%
也很重要,通常會解決您的問題,但填充不會消失,如果您不解決它,您的網(wǎng)站模板仍然會受到影響。

TA貢獻1842條經(jīng)驗 獲得超13個贊
問題是height: 100%
你給 body 的高度,因為 100% 意味著顯示器的整個高度,但由于你的瀏覽器標題和 Windows 任務(wù)欄,瀏覽器無法給 body 全部 100%,所以你應該使用 100vh 這意味著視圖高度
- 4 回答
- 0 關(guān)注
- 207 瀏覽
添加回答
舉報