移动端开发流式布局 


    <style>
        section {
            margin: 0 auto;
            width: 100%;
            height: 500px;
            min-width: 600px;
            max-width: 1200px;
        }

        div:first-child {
            float: left;
            width: 50%;
            height: 100%;
            background-color: coral;
        }

        div:last-child {
            float: left;
            width: 50%;
            height: 100%;
            background-color: rgb(37, 189, 70);
        }
    </style>

</head>

<body>
    <section>
        <div></div>
        <div></div>
    </section>


</body>
posted @ 2021-06-26 19:57  贾正直  阅读(45)  评论(0)    收藏  举报