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

Question

我一直在使用960网格系统，在向div添加填充时总是遇到问题。

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

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

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

非常感谢

Answer 1

我认为如果你在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;
}

Answer 2

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

编辑： 找到了IE7的解决方法http://code.google.com/p/ie7-js/ 像魅力一样工作！