如果 .parent 的 height 不写，只需要 padding: 10px 0; 就能将 .child 垂直居中； 如果 .parent 的 height 写死了，就很难把 .child 居中，

设置 flex: 1 的元素可以占据父元素的剩余宽度/高度。但 flex: 1 的元素的宽度/高度可能会超过父元素的宽度/高度。

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第七天，点击查看活动详情 题引： 今天在做需求的时候，使用常用的左固宽+右flex：1的布局，但后面发现当你打开F12进行宽度变化时

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 引言 ：让我们一起来学习grid布局吧，因为网格布局（Grid）是最强大的 CSS 布局方案。

如果说flex是为一维布局而存在的，那么grid是为二维布局而存在的。 grid布局被称为栅格布局，也被称为网格布局，他可以将网页划分为许多个方格，我们可以在网格中填充自己的内容。