Отличается ли модель Safari Box от других браузеров, и если да, то как ее решить?

Question

У меня проблема с компоновкой в ​​Safari, которая отлично работает в Chrome и FF.Кажется, что Safari включает отступы по ширине, а Chrome и FF - нет.Так что 630px в FF из-за ширины и отступов - всего 600px в Safari.Это: Заполнение в Mozilla Firefox и в Safari , кажется, показывает, что модель коробки в Safari отличается.Если так, то я ожидал бы, что стандартное решение уже появилось, но когда я гуглю это, кажется, что вряд ли у кого-то есть эта проблема.

Действительно ли блочная модель в Safari действительно отличается и есть стандартное решение?Или мне просто нужно «отладить» мой CSS?

РЕДАКТИРОВАТЬ: очевидно, это потому, что div использовал display: table.Когда я изменил его на display: block, он работал как положено.Это все еще странно, потому что он работает нормально в других браузерах (display: table).

Answer 1

В CSS box-sizing обрабатывает блочную модель. По умолчанию установлено «нормальное», но, возможно, неправильное «поле содержимого». В настоящее время поддержка размеров блоков разумна для всех браузеров, поэтому вы, вероятно, можете перейти к 'border-box', но в IE6 / 7 вам придется обрабатывать его по-другому (если вы их поддерживаете).

AFAIK Safari (webkit) должен уважать это.

Answer 2

Какой тип документа вы используете?Когда я использую <! DOCTYPE html> (объявление doctype в HTML5), поведение заполнения в Safari и Chrome определенно точно такое же, как и предписывают стандарты.