衬垫/宽度问题-我可以使用网格系统(例如960网格系统)调整箱子尺寸吗

Question

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

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

到目前为止，我一直在使用一个带有额外填充的内部div，所以我不会破坏包含网格类的div。它运行得很好，但它只是在我的布局中到处添加了额外的div。

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主题使用了框大小，效果很好。IE7及以下版本不支持它，因此您需要找到一个变通方法。撇开IE7不谈，我认为答案是肯定的。

编辑：找到IE7解决方法http://code.google.com/p/ie7-js/工作起来很有魅力！