Css `overflow-x:hidden`禁用Boostrap中的导航栏-为什么？

我在我的响应web应用程序中使用Bootstrap v.3.2，但由于Bootstrap自动显示冗余的水平空间，使web布局看起来很糟糕，并显示水平滚动条（），因此我想删除Bootstrap中的冗余空间

然而，当我试图将

overflow-x:hidden

写入链接文章中建议的

*

时，布局看起来不错，它没有显示水平滚动条，但是导航栏的下拉菜单根本不起作用（不能封闭-其他导航栏（没有下拉链接）照常工作）。为什么在我将

overflow-x:hidden

设置为

*

后导航栏的下拉菜单不起作用

另外，当我试图将

overflow-x:hidden

从

*

更改为

body

时，导航栏工作正常，但布局根本没有改变。为什么?

请注意，当我将

overflow-x:hidden

添加到

.container fluid

时，导航栏也不会像在

*

中写入时那样工作

---

最后，如何删除多余的水平空间和水平滚动条？这就是我首先想要做的，所以我不介意是否使用

overflow-x

。

因为如果使用

*

作为选择器，那么您将把样式应用到所有东西上。您可以按元素的后代顺序使用

*

，或者如果您希望将其应用于所有元素（仅星号就等于所有元素），然后将

溢出：auto

添加到需要滚动条的任何元素，例如导航条，如本期中所述，正确的修复方法是只使用

容器流体。你自己不必搞乱
overflow-x
。
那么，如果我的结构类似于
{{contents}
，我应该包括外部
中的每个元素吗？或者我应该定义三个
，并将页眉、页脚和主要内容放在相应的
容器流体中
？我不确定这是否重要。不过，通过实验很容易检查。使用
容器流体
不起作用，但添加
左填充：0px
和
右填充：0px
到
。容器流体
和
边距：0px
到
。行
使其工作正常。谢谢