css – 允许溢出X.

2019年8月3日 218次阅读

我的代码如下：

#under {
    width: 100%;
    height: 50px;
    background-color: #D4D4D4;
    border: none;
    -webkit-box-shadow: inset 0px 0px 4px 0px #000000;
    -moz-box-shadow: inset 0px 0px 4px 0px #000000;
    box-shadow: inset 0px 0px 4px 0px #000000;
    overflow-x: scroll;
    white-space: nowrap;
}
#under ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#under ul li {
    min-width: 100px;
    height: 40px;
    margin-top: 10px;
    margin-left: 10px;
    float: left;
    background-color: #999;
    display: block;
}

基本上,我的#under div里面有li元素.我希望它们“溢出”容器,以便它可以在X轴上滚动,但我不能为我的生活弄清楚如何做到这一点！

它将使li元素彼此显示.

任何帮助表示赞赏,谢谢！

编辑：实例https://babblebox.me/mobile/

最佳答案 它们仍在下面,因为它是浮动的,因为宽度：100％它正在调整大小到屏幕的可用大小而不是div.

基本上我认为你应该添加ul一些宽度

我的意思是：

#under ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 8000px;
}
点赞