如何实现[父容器溢出滚动,子div横向排列]?

[已解决问题] 解决于 2017-11-02 13:16

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <style type="text/css">
            div{
                border: 1px solid black;
            }
            .ctn{
                width: 300px;
                height: 300px;
                
            }
            .div1{
                width: 200px;
                height: 200px;
            }
            .div2{
                width: 200px;
                height: 200px;
            }
            .div3{
                width: 200px;
                height: 200px;
            }
        </style>
    </head>

    <body>
        <div class="ctn">
            <div class="div1">div1</div>
            <div class="div2">div2</div>
            <div class="div3">div3</div>
        </div>
    </body>

</html>