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

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

到目前为止,我一直在使用带有额外填充的内部div,因此我不会弄乱包含网格类的div。效果很好,但是整个地方都充满了额外的div。

box-sizing是一个不错的选择吗?或者您还有其他解决方法,解决方案和建议吗?

非常感谢

有帮助吗?

解决方案

我认为最好是在grid_x内添加一个框,然后为该框添加边框。

这是示例

html: 通用标签

css: 通用标签

其他提示

我一直在想同样的事情。我知道HTML Bones wordpress主题使用框大小设置,并且效果很好。IE7及更低版本不支持此功能,因此您需要找到一种解决方法。除了IE7,我想答案是肯定的。

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

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top