题解 | #双列布局 - grid#

双列布局 - grid

https://www.nowcoder.com/practice/66cfb0453f0f43988f795b20689d2c9a

<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8>
        <style type="text/css">
            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }
            .container {
                border: 1px solid black;
                display: grid;
                grid-template-columns: 100px 1fr;
            }
            .left {
                border: 1px solid black;
            }
        </style>
    </head>
    <body>
    	<section class="container">
            <article class="left"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></article>
            <article class="right"></article>
        </section>
    </body>
</html>

全部评论

相关推荐

点赞 收藏 评论
分享
牛客网
牛客企业服务