Chrome и Safari неправильно вычисляют поля, когда ребенок больше родителя

Question

Вот пример (всплывет окно с результатами).Запустите это в Firefox, затем в Chrome и / или Safari

http://jsfiddle.net/QeaVM/

Обратите внимание, как FF правильно учитывает левые и правые поля в расчете externalWidth.Обратите внимание, как Safari / Chrome неправильно указывает, что externalWidth #Container равен значению # Frame.

Кроме того, обратите внимание, что Safari / Chrome неправильно сообщает # margin-right контейнера как отрицательное число, когда задана простотадо 300px

Это ошибка в веб-комплекте или jquery?

Answer 1

глядя на страницу в инспекторах для обоих браузеров (полностью игнорируя javascript), вы можете увидеть те же различия (что исключает использование jQuery).

Это кажется странным и, как представляется, сообщается об ошибке в веб-наборе.

https://bugs.webkit.org/show_bug.cgi?id=13343

https://bugs.webkit.org/show_bug.cgi?id=24511

В комментариях упоминается обходной путь: «Обходной путь - установка элемента для отображения: нет (или встроенный блок), измерение поля, а затем установка отображения обратно в блок.»