常见 CSS 布局有哪些？
下面列出最常见的几种布局方案以及它们的实现思路：
- 单列布局：宽度固定居中或百分比铺满；
- 两列自适应布局：一列固定宽度，另一列
flex: 1/margin-left/float + BFC； - 三栏布局：圣杯布局、双飞翼布局、flex（
flex: 1给中间列）、grid（grid-template-columns: 200px 1fr 200px）； - 粘连布局（Sticky Footer）：footer 紧贴内容底部，内容不足一屏时贴在视口底部；
- 等高布局：flex
align-items: stretch（默认）、grid、table 布局或负 margin。
参考阅读：几种常见的 CSS 布局 - 掘金
补充：现代项目一般优先使用 flex 一维布局 + grid 二维布局 组合实现，复杂的圣杯/双飞翼布局已较少使用。
