flex布局即为弹性布局，可以使元素具有伸缩性，根据父容器的大小，来决定收缩还是扩展。设为flex布局以后，子元素的float、clear和vertical-align属性将失效。 不过由于父盒子的宽度限制，不能全部排满。接下来我们就来试试flex布局↓ 是不是发现和float…

BFC的出现能够提供更可靠的布局控制，解决浮动、外边距重叠、定位、溢出等常见的布局问题。学习它的布局规则、场景、机制很重要~

形状 三角形 border 直角等腰三角形👇： 等腰三角形👇： 等边三角形👇： clip-path clip-path 中的 polygon 属性可以用来绘制多边形。点的顺序是顺时针方向（第四象限）

这个技巧之所以有效，是因为`grid-template-rows`的可动性，这是一些浏览器最近才有的功能。但是如果你想在生产代码中使用这个特性，一定要先检查兼容性！