Css 即使溢出被隐藏，水平滚动条也会显示

我在我的网站上遇到了一个问题，即使我在正文中添加overflow-x:hidden和html元素，水平滚动条也总是显示出来。不是隐藏滚动条，而是垂直添加另一个滚动条，现在我有两个垂直滚动条

之所以发生这种情况，是因为我有一个居中的导航，并将同一导航的子div设置为视口宽度的100%。检查了chrome中的开发者工具，div将向右移动一些像素

无论如何，由于溢出不起作用，我尝试更改calc（）函数的值以减去这些像素，但水平滚动条仍然存在

这是我的密码：

<div id="container">
        <ul class="nav">
            <li><a href="index.php">home</a></li> 

            <li>
                <a href="#">destinations</a>
                <div>    
                <div class="nav-column">                        

                </div>

                <div class="nav-column">

                </div>

                <div class="nav-column">

                </div> 

                <div class="nav-column">

                </div>

                <div class="nav-column">   

                </div>

                </div>   
            </li>

            <li><a href="#about">about</a></li>
            <li><a href="#contact">contact</a></li>
        </ul>         
</div>   

---

我已经检查了你的CSS。为了防止滚动条显示，您应该注释掉两个CSS属性：

position:relative；顶部：34px

.nav {
    cursor: default;
    display: inline-block;
    height: 125px;   
    width: auto;
    -ms-flex-pack: center;
    -ms-display: -ms-flexbox;
}

我已经检查了你的CSS。为了防止滚动条显示，您应该注释掉两个CSS属性：
position:relative；顶部：34px

.nav {
    cursor: default;
    display: inline-block;
    height: 125px;   
    width: auto;
    -ms-flex-pack: center;
    -ms-display: -ms-flexbox;
}

如果您只想隐藏滚动条：

#container {
  overflow: hidden!important;
}

如果您只想隐藏滚动条：

#container {
  overflow: hidden!important;
}

我遇到了同样的问题。我仍然不知道根本原因，但将溢出设置为“-moz hidden unrollable”似乎隐藏了滚动条

.container {
    overflow: -moz-hidden-unscrollable
}

我遇到了同样的问题。我仍然不知道根本原因，但将溢出设置为“-moz hidden unrollable”似乎隐藏了滚动条

.container {
    overflow: -moz-hidden-unscrollable
}

您提供的代码不会生成滚动条，您提供的小提琴也没有
html，body{overflow-x:hidden；}
。当我添加它时，滚动条消失了@MichaelCoker我的代码中缺少了一些标记，并且还更新了fiddle。您提供的代码没有生成滚动条，并且您提供的fiddle没有
html，body{overflow-x:hidden；}
。当我添加它时，滚动条消失了@MichaelCoker我的代码中缺少了一些标记，还更新了小提琴。谢谢。它部分工作，但我仍然有滚动条，不同的是，用户不能使用滚动条，但它仍然存在。谢谢。它部分工作，但我仍然有滚动条，不同的是，用户不能使用滚动条，但它仍然存在。你给我的代码不工作。唯一的区别是菜单一直到页面的顶部。你给我的代码不起作用。唯一的区别是菜单一直到页面顶部。