css - 多个div显示横向滚动条

问题描述

类似这种条目多的话显示横向滚动条怎么实现

问题解答

这个...

来,看代码; 随时交流:

HTML:

<p><ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li></ul> </p>

CSS:

p{width: 996px;height: 120px;overflow-x:auto;overflow-y:hidden; } ul{width: 1990px; } li{width: 220px;height: 300px;margin: 10px;float: left;background: red; }回答2：

ul li 写 然后li float， display block

同一楼，在外层再套个p，设置外层p的overflow-x: auto