如何防止Web应用程序水平滚动？

当我将浏览器的宽度缩小到尽可能最小的数量时，我仍然看到用户能够水平滚动。鉴于我正在使用Twitter Bootstrap，我预计情况并非如此。我如何防止这种情况发生在本页面：如何防止Web应用程序水平滚动？

2013-04-04 sharataka

'.navbar-inner'对各方造成它比''，这反过来又导致水平滚动条宽切缘阴性。要么调整，要么做溢出：隐藏 – Neps 2013-04-04 20:48:46

这就是你需要 - 什么

.navbar-wrapper { 
    max-width:100%; 
    //your other CSS 
}

不要把它应用到身体或其他元素，因为它可以搞砸。

2013-04-04 20:39:35 Vector

这似乎阻止了水平滚动，但现在当我将浏览器的宽度降至最低点时，顶部导航栏似乎被切断。有关如何解决这个问题的任何建议？ – sharataka 2013-04-04 21:20:16

你是否尝试过最大宽度而不是溢出。就像我上面重新编辑的代码一样。 – Vector 2013-04-04 21:30:05

@sharataka定义'max-width'和'min-width'。 – Mido 2013-04-04 21:31:02

可以使用

body{ overflow-x: hidden;}

2013-04-04 20:42:07

回答