В чем преимущество блочной модели W3C по сравнению с блочной моделью IE5?

Question

Я думаю, что блочная модель IE5 больше похожа на человеческую логику о концепции бокса, в том числе с отступами и рамкой. Она может напрямую определять ширину и высоту бокса.

В тех случаях, когда у вас есть элемент с шириной 100%, блочная модель IE5 позволяет безопасно добавлять отступы и границы. Сравните это с правильной блочной моделью CSS, в которой нельзя добавить какие-либо отступы или границы для элемента с шириной 100%, не нарушая компоновку

Кто-нибудь может объяснить это в деталях? В чем преимущества блочной модели W3C?

Спасибо

Answer 1

Пример 100% иногда является действительной проблемой с блочной моделью W3C, но в основном это спорный вопрос, поскольку вы можете использовать следующий код и добиться того, что вы называете "блочной моделью IE 5":

box-sizing: border-box;

/* probably not needed in 2016 */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;

box-sizing доступно во всех основных браузерах IE8+. Я использую это исключительно сейчас; На мой взгляд, Microsoft имела это право.

Также см

• Почему модель коробки W3C считается лучше?

Answer 2

Основное преимущество принятия блочной модели W3C заключается в том, что скорость принятия блочной модели IE5, по меньшей мере, сокращается. Большинство людей считают IE6 устаревшей, не говоря уже о IE5.