css - 响应式网页设计 : div width + padding not going across containing div even though they equal 100%

Question

我有两个 div，都具有以下 css:

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

现在，我希望这些 div 跨越整个包含的 div，它们在 Firefox 中确实如此，但它们在 webkit 浏览器中只跨越了大约 99%(尚未在 IE 中测试)。

我必须做些什么才能使它们 100% 跨越 webkit 浏览器的空间？

这是我在 bueddefeld.com/blog 上使用的(麦当劳汉堡的顶部) .

Answer 1

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