Ресурсний веб-дизайн: div width + padding не перетинає вміст div, хоча вони рівні 100% - css, ширина, padding, responsive-design

У мене є два діви, обидва із наступним css:

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

Тепер я очікую, що ці діви будуть охоплювати весь вміст діва, і вони є у Firefox, але вони проходять лише 99% шляху в браузерах webkit (ще не перевіряли в IE).

Чи потрібно щось робити, щоб вони охоплювали 100% в усьому просторі у веб-браузерах?

Ось, з чим я працюю (над бургер McDouble) на bueddefeld.com/blog.

Відповіді:

Це помилка у веб-браузерах. Ось чому рекомендується використовувати ems замість відсотків під час створення чуйного макета. Ось оригінальна стаття з рекомендованою технікою, щоб отримати справді чуйний макет, який працює в усіх сучасних браузерах.