?js代碼：

.infoShow{border:1px solid #000;overflow-y:auto;height:340px;}.infoShow ul{margin:0px;padding:0px;float:left;white-space: nowrap;overflow:hidden;}.infoShow ul li{float: left;text-align:left;list-style:none;display: inline;}

注意：主要是添加overflow-y:auto;white-space:nowrap;overflow:hidden

html代碼：

?

<div class="infoShow" style="margin-top:5px;"><ul id="info"><!--<li><a href="#">sfafjd;afja;ffsafafsfadffasdfasfasfasdfasdf</a></li>--><!--<li>sfafjd;afja;fasdfadsfasfdasfasfdasfasdfasdfas</li>--></ul> </div>

?

總結(jié)

以上是生活随笔為你收集整理的div里面放ul，使ul横向和纵向滚动的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。