css - 填充/宽度问题 - 我可以在网格系统（例如 960 网格系统）中使用 box-sizing 吗？

Question

我使用 960 网格系统已经有一段时间了，在向我的 div 添加填充时总是遇到问题。

我想知道修改网格系统 CSS 并添加box-sizing: border-box到我的 *grid_x* 类中是否是一种好的/安全的做法。有什么缺点吗？

到目前为止，我一直在使用带有额外填充的内部 div，所以我不会弄乱包含网格类的 div。它工作得很好，但它只是在整个地方用额外的 div 填充了我的布局。

是box-sizing一个不错的选择，还是您有任何其他解决方法、解决方案、建议？

非常感谢

score 1 · Accepted Answer

我认为最好在 grid_x 中添加一个框，然后为框添加边框。

这是示例

html：

<div class="grid_1">
    <div class="box">
        test
    </div>
</div>

CSS：

.grid_1 {
    width:100px;
    height:100px;
}
.box{
    border:1px solid red;
}

score 0 · Accepted Answer

我一直在想同样的事情法庭。我知道 HTML Bones wordpress 主题使用 box-sizing 并且效果很好。IE7 及以下不支持它，因此您需要找到一种解决方法。除了IE7，我会说答案是肯定的。

编辑：找到 IE7 解决方法http://code.google.com/p/ie7-js/ 就像一个魅力！

2 回答 2