🎨 CSS 布局详解

Flexbox、Grid、BFC、居中方案的可交互演示

1. Flexbox 弹性布局

10px
1
2
3
4

2. Grid 网格布局

10px
1
2
3
4
5
6

3. 居中方案大全

居中内容

4. BFC (块级格式化上下文)

这是内容区域。当没有 BFC 时，文字会围绕浮动元素。触发 BFC 后，内容会形成独立的格式化上下文，不会被浮动元素影响。