设置ul一个固定的宽度，如：width：1000px
设置ul横向超出后自动。overflow-x：auto
设置ul竖向超出隐藏
有足够多的li，li的width设置为100px ，li的数量最少为11个
因为li数量多，导致ul会出现横向滚动条，这样就实现了想要的效果
温馨提示：内容为网友见解，仅供参考
第1个回答 2019-04-22
li设置好固定
宽度
，ul也要固定宽度，在这个宽度内计算好能容纳几个
li
的宽度，最好稍微大点，这样li总
长度
只要不超过ul长度就不会换行了
宽度
，ul也要固定宽度，在这个宽度内计算好能容纳几个
li
的宽度，最好稍微大点，这样li总
长度
只要不超过ul长度就不会换行了
第2个回答 推荐于2017-08-12
<div class="box">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>.box{width:500px;height:500px;overflow:hidden;}
li{width:100px;height:300px;float:left;background:green;margin:10px;}
ul{width:999999px;}本回答被网友采纳
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>.box{width:500px;height:500px;overflow:hidden;}
li{width:100px;height:300px;float:left;background:green;margin:10px;}
ul{width:999999px;}本回答被网友采纳
第3个回答 2013-07-09
ul { white-space:nowrap; }
li { display:inline;}
li { display:inline;}
第4个回答 2013-07-09
设置UL高度和宽度并且设置overflow:hidden;
相似回答
