1. CSS 优先级, 内部大于外部。
2. 几个属性:
flex-grow: 1;
让 当前元素 在剩余空间中, 占据尽可能多的高度,确保它能在中间居中。
max-height: 300px;
限制最大高度 300 像素, flex-grow: 1; 导致占的太满了,
width: 100vw; 铺满整个浏览器窗口的宽度
width: 100% ; 占据父元素的 100%
padding: 20px 0; 上下填充 20px,左右填充为0
justify-content, 这个很有用!!! 控制子元素的布局。
justify-content: center; 居中。
justify-content: space-between; 均匀分布