CSS - 将边框和填充应用于响应（基于％）的网格系统

Question

我正在对ZURB的Foundation进行现场测试，并且想知道是否有一个优雅的解决方案来应用边框和填充到网格中的div，而不会破坏它或诉诸：1）宽度/边距减少的自定义类，2）在父网格中嵌入额外的非网格<div>，基于网格<div>

我也试过{ box-sizing: border-box; }但移动浏览器似乎并不遵守。

连连呢？谢谢大家！

Answer 1

您可以尝试使用轮廓而不是边框​​ - 速记完全相同，但它不会影响盒子模型。