如何使用CSS框架Skeleton实现超简易的轻量级网格布局？

本文共计778个文字，预计阅读时间需要4分钟。

由于默认没有加 `` 标签，我将按照您的要求，简单改写并输出以下内容：

• 它只在 @media only screen and (min-width: 550px) 才给 .container 设 max-width: 960px，小于这个宽度时宽度是 100% 但无居中约束
• 如果你页面没手动加 * { box-sizing: border-box }，内边距或边框会让栅格列实际溢出
• 解决办法很简单：在引入 Skeleton CSS 后追加两行

*, *::before, *::after { box-sizing: border-box; } .container { margin: 0 auto; }

row 和 columns 类名必须成对出现吗？

不是必须，但单独用 .row 或单独用 .six.columns 会立刻破坏布局——前者缺少清除浮动，后者缺少父容器的负外边距修正。