如何使div左右滚动

Question

我创建了一个宽度设置为100%的大菜单，我希望这个div可以从左到右滚动。（在X轴上）。我已经相应地设置了向左滚动和向右滚动的属性，但它仍然不起作用。我肯定我做错了什么，任何建议都很感激。谢谢

代码在jsFiddle 上

Answer 1

您需要有一个不是100%的宽度。将菜单设置为一个容器div，打开尺寸和溢出，然后将实际菜单设置为非常宽。将框div想象成一个框架。

http://jsfiddle.net/spacebeers/WkUNn/19/

.box {
    max-height:150px;
    border: 2px solid red;
    width: 100%;
    overflow: scroll;  
}
.megamenu {
    width: 3000px;
    overflow: hidden;
     max-height:100px;
    -webkit-box-shadow: 0px -1px 12px rgba(0, 0, 0, 0.48);
    -moz-box-shadow:    0px -1px 12px rgba(0, 0, 0, 0.48);
    box-shadow:         0px -1px 12px rgba(0, 0, 0, 0.48);
    padding-bottom:45px;
    padding-top:5px;
    background: grey;
    border-top:1px solid #767676;
    font-family:Verdana, Tahoma, Sans-Serif;
    z-index: 100;
}

编辑：正如@c_kick（以及原文）所指出的，您可以使用overflow-x、overflow-y。我试着让事情变得简单。