响应式网页设计：div宽度+填充不包含div，即使它们等于100％

Question

我有两个div，都有以下css：

#div-id {
width:96%;
padding: 10px 2% 10px 2%;
}

现在，我希望这些div跨越整个包含div，并且它们在Firefox中运行，但它们只在webkit浏览器中大约99％（尚未在IE中测试）。

我是否需要做一些具体的工作才能使它们在webkit浏览器中跨越100％？

这是bueddefeld.com/blog我正在使用的（超越McDouble汉堡）。

Answer 1

这是一个bug in webkit browsers。这就是为什么建议您在创建响应式布局时使用ems而不是百分比。 Here's the original article使用推荐的技术在所有现代浏览器中实现真正响应的布局。