我的问题是，当我定义 时overflow-x:hidden，它会创建一个不需要的滚动条。
我正在努力实现与这个问题类似的目标。
我已经尝试了那里建议的解决方案，但没有成功。下面是我的代码：
CSS 和 HTML：
.wrapper {
margin-top: 50px;
}
.menu_container {
color: #333;
text-align: center;
padding: 1em;
background: #607D8B;
width: 20%;
height: 30px;
overflow-x: hidden;
}
.submenu {
background: #E0E0E0;
height: 100px;
width: 50px;
}
.menu_list {
width: 300px;
}<body>
<div class="wrapper">
<div class="menu_container">
<div class="menu_list" align="left">
Menu 1 Menu2 Menu 3
</div>
<div class="submenu">
sub
</div>
</div>
</div>
</body>这是JSFiddle链接。