CSS3中的网格
这篇讲的是CSS布局从“一团糟”到初现曙光的演进史。作者从早年开发者们不得不依赖表格、浮动和inline-block这些“hack”方法来实现多列布局说起，深入剖析了其中的核心痛点：浮动需要 clearfix、盒模型计算导致宽度溢出、以及为列间距疲于奔命。 文章并未停留在抱怨历史，而是把重点放在了CSS3带来的三把“钥匙”上。它逐一演示了如何用 `box-sizing: border-box` 让宽度计算回归直觉，如何用 `calc()` 函数在百分比中精确扣除间距，以及 Flexbox 如何以更声明式的方式简化对齐与分布。每个方案都附带了清晰的代码示例和效果对比，直观展示了布局效率的提升。 当然，作者也没有回避现实。他指出 `border-box` 仍需搭配浮动，`calc()` 依赖负外边距这种老技巧，而 Flexbox 虽好却受制于当时的浏览器支持。这种客观的对比，让读者能清醒地认识到每个工具的适用边界。对于正挣扎于布局细节的开发者而言，这篇文章清晰地指明了哪些新特性值得立即投入学习，以及它们能实实在在解决哪类历史问题。
