多个div显示横向滚动条

Question

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

Answer 1

这个...

来,看代码; 随时交流:

HTML:

    <div>
        <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>
    </div>
    
    
    

CSS:

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

Answer 2

ul li 写 然后li float， display block

Answer 3

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

Answer 4

都是骗人的 react项目中我怎么滑动不了