Html Can'；t隐藏溢出-x

所以，我有一个主题，其中主体宽度是有限的，并且我想要一个标题元素的全宽背景。下面是我试过的代码

我把一个div叠加在另一个div上，并给他们这个CSS：

#topcontainer {
   top:0;
   left:0;
   width:100%;
   min-height:56px;
   background-color:#D8D8D8 !important;
   border-bottom: 2px solid #BCBCBD;
   z-index:22 !important;
   color:black;
}

#topcontainer2 {
   width:140%;
   min-height:56px;
   margin-left:-20%;
   position:absolute;
   overflow-x: hidden;
   background-color:#D8D8D8 !important;
   border-bottom: 2px solid #BCBCBD;
   z-index:-1;
}

我仍然看到水平滚动条。我怎样才能摆脱它

我在这儿闲逛

---

您是否尝试过

溢出：隐藏

而不是

溢出-x:hidden

？

将此规则添加到css作品中：

body {
    overflow-x: hidden;    
}

---

将您的HTML和JSFIDLE.added fiddle发布到帖子中，这样做有效吗？不。右边仍然有空白。是否可以删除宽度：140%？不。我必须重写整个主题。车身宽度有限。