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。我试图保持简单。

如何使div可左右滚动？

1 个答案: