如何刪除底部滾動？

有一頁fiddle。如果將其壓縮爲寬度（寬度爲< 420px），則會出現底部滾動。它不應該是因爲它使自舉自適應佈局：

html { 
    position: relative; 
    min-height: 100%; 
} 

body { 
    margin-bottom: 110px; 
    text-align: center; 
} 

.footer { 
    position: absolute; 
    bottom: 0; 
    width: 100%; 
    height: 110px; 
    background-color: #fff; 
} 

body > .appointment_mobile > .container { 
    padding: 0px 15px 0; 
}

請幫助刪除較低的滾動。

來源

2015-05-09 stackov8

將padding:0添加到您的容器時要小心。你會打破Bootstrap邏輯並創建不必要的邊距。

如果您只想隱藏頂部的底部填充物&，此代碼更好。

body > .appointment_mobile > .container.menu_area { 
    padding-top:0; 
    padding-bottom:0; 
} 
.footer > .container.footer_area { 
    padding-top:0; 
    padding-bottom:0; 
}

TL; DR你不應該做任何離開&右填充改性的container類。

來源

2015-05-09 08:05:31

可以使用

body { 
    overflow-x: hidden; 
}

但實際問題是由bootstrap.css:1606引起的。您也可以覆蓋在你的css（僅適用於寬度< 480像素）

.row { 
    margin-right: -15px; 
    margin-left: -15px; 
}

來源

2015-05-09 07:51:05 Junaid

請不要通過刪除'row'上的margin屬性和body上的'overflow-x：hidden'來解決這個問題，可以幫助這個人，但這不是一個合適的解決方案。 – hina10531

@ hina10531因此第一個解決方案+將最大寬度通知添加到第二個 – Junaid

編輯：你以前許多.container類，當你只使用一個或兩個，它可以解決你的問題。

<div class="container"> 
    <div class="row">...</div> 
    <div class="row">...</div> 
</div>

你也可以看到這樣的回答：horizontal scrollbar appearing, row having negative margin

這裏是一個小提琴工作：http://jsfiddle.net/52VtD/11250/

希望它能幫助:)

來源

2015-05-09 07:53:08

此問題有一個標籤'bootstrap'。不要說你不知道他使用什麼框架。刪除'row'類的'margin'屬性可能會損害引導程序的網格系統。 – hina10531

好了，現在我明白了負面說明（我讀得太快，我的不好）。我只是說這是前進的線索。 –

謝謝你改進你的答案。我爲你效勞〜：D – hina10531

.container > .row { 
    margin-left: 0; 
    margin-right: 0; 
}

http://jsfiddle.net/52VtD/11248/

來源

2015-05-09 08:05:19

如何刪除底部滾動？

回答

相關問題