Отзывчивый веб-дизайн: ширина div + отступы, не содержащие div, даже если они равны 100%

Question

У меня есть два div, оба со следующим css:

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

Теперь я ожидаю, что эти div будут охватывать весь содержащий div, и они делают это в Firefox, но в браузерах webkit они проходят только 99% пути (еще не тестировали в IE).

Есть ли что-то конкретное, что я должен сделать, чтобы они охватили 100% пространства в браузерах webkit?

Вот то, с чем я работаю (поверх бургера McDouble) на bueddefeld.com / blog .

Answer 1

Это ошибка в браузерах webkit .Вот почему рекомендуется использовать ems вместо процентов при создании адаптивного макета. Вот оригинальная статья с рекомендуемой техникой, чтобы получить действительно адаптивный макет, работающий во всех современных браузерах.