铭记:需要设置父元素宽度为100%,然后各个子元素宽度加起来要超过父元素的宽度,不然不会显示滚动条
<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
ul{
width:100%; // 此时宽度若为1000px
overflow-x:scroll;
overflow-y:hidden;
white-space:nowrap;
}
ul li{
width:400px;
display:inline-block;
}
此时,三个li总宽度为1200px,而它们的父级元素宽度为1000px,肯定会出现横向滚动条。