我在响应式网络应用程序中使用Bootstrap v.3.2，但由于Bootstrap自动显示冗余水平空间并使Web布局看起来很糟糕并且显示水平滚动条（see this link in Github），我想要删除Bootstrap中的冗余空间。
然而，当我尝试按照链接问题中的建议将overflow-x: hidden写入*时，布局看起来不错，并且没有显示水平滚动条，但是导航栏的下拉菜单没有根本不工作（不能封闭 - 其他导航栏（没有下拉链接）像往常一样工作）。将overflow-x: hidden设置为*后，为什么导航栏的下拉列表不起作用？
此外，当我尝试将overflow-x: hidden从*更改为body时，导航栏工作正常，但布局根本没有变化。为什么呢？
请注意，当我向overflow-x: hidden添加.container-fluid时，导航栏无法像*中所写的那样工作。
最后，如何删除冗余水平空间和水平滚动条？这就是我想要做的事情，所以我不介意我是否使用overflow-x。
答案 0 :(得分：1)
正如问题所述，正确的解决方法是使用container-fluid。不需要自己弄乱overflow-x。
答案 1 :(得分：0)
因为如果您使用*作为选择器，那么您将这些样式应用于一切。您可以按元素的后续顺序使用*，或者如果要将其应用于所有内容（仅仅是星号等于所有内容），则将overflow:auto添加到需要滚动条的任何元素，例如你的导航栏