搜尋

首頁  >  問答  >  主體

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


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

巴扎黑巴扎黑2823 天前1320

全部回覆(3)我來回復

  • 阿神

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

    這個...

    來,看程式碼; 隨時交流:

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

    回覆
    0
  • 怪我咯

    怪我咯2017-04-17 15:05:32

    ul li 寫 然後li float,display block

    回覆
    0
  • ringa_lee

    ringa_lee2017-04-17 15:05:32

    同一樓,在外層再套p,設定外層p的overflow-x: auto

    回覆
    0
  • 取消回覆