css - 多个div显示横向滚动条-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

巴扎黑 2017-04-17 15:03:32

[HTML讨论组]

1576

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

巴扎黑

全部回复(3)

阿神2017-04-17 15:05:32 3楼

这个...

来,看代码; 随时交流:

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;
    }