无法隐藏溢出-x

Question

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

我将一个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;
}

我仍然看到水平卷轴。我该如何摆脱它？

JS在这里 http://jsfiddle.net/soloveich/A7tYn/

Answer 1

您是否尝试overflow: hidden;而不是overflow-x: hidden？

Answer 2

将此规则添加到您的css中：

body {
    overflow-x: hidden;    
}