如何让一个div可以左右滚动？

Question

我创建了一个宽度设置为100％的大菜单，我希望这个div可以从左到右滚动（在X轴上）。我已经设置了滚动左侧和相应的滚动属性，但它仍然不起作用。我确定我做错了什么，任何意见表示赞赏。谢谢。

代码是jsFiddle

Answer 1

你需要有一个适当的宽度，是不是100％。将菜单设置为包含尺寸和溢出的容器格，然后将实际菜单设置为真正宽。想想像框架一样的盒子。

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（原始），可以使用溢出-X，溢出-Y。我试图保持简单。