我的代码如下:
#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/