console 命令行工具 X clear

console

<body>
	<div class="box">
		用 flex 实现第三课第7题的布局，包括扩展思考部分。
        用 grid 实现第三课第7题的布局，包括扩展思考部分。
        分别用 table、flex、grid 实现右边固定，左边自适应两栏布局。
        分别用 table、flex、grid 实现左、右固定，中间自适应三栏布局。
        禁止使用 table 相关 HTML 元素。
        研究 flex、grid 容器里面盒子绝对定位后的行为。
        详细了解 CSS 多列布局 (multi-column layouts) 的用法和用途，
        并实现以下效果，内容只能使用一个 HTML 元素
	</div>
</body>

body {
    height: 400px;
}

.box {
    border: 1px  solid blue;
    column-gap: 20px;
    column-count: 3;
    padding: 40px 20px;
}