Говоря о ошибке IE, печально известным примером является его неправильное объяснение «модели коробки»: в IE6/7 в IE5.x и режиме Quirks, граница и прокладка включены в ширину. Это добавляет много проблем к работе инженера -фронта.
В то же время, из -за другой группы соответствия стандартам браузеров со стандартами, когда мы точно определяем коробку, отображаемую в ограниченном пространстве, нам также необходимо рассчитать: оставшееся пространство только настолько большое, мы должны использовать границу и прокладки , мы должны выразить это, сколько написана его ширина?
Эта ситуация улучшилась в эпоху CSS3.
Определите распределение коробки: Conne-Box;
Определить распределение коробки: пограничная коробка;
Почему этот атрибут "поздно"? Интерпретация т.е. модели коробки не соответствует спецификациям W3C, но также имеет свои преимущества: независимо от того, как изменить стоимость границы и прокладки, это не приведет к изменению общего размера коробки, и это не нарушит общий макет страницы. В современных браузерах, таких как Firefox, если мы хотим изменить значение прокладки, мы должны переоценить ширину коробки. Теперь IE6 ложится спать, этот атрибут CSS немного опоздал.
Попробуйте этот новый атрибут, Firefox, пожалуйста, используйте-Моз-размер Safari / Webkit, пожалуйста, используйте -Webkit-box-size, а Opera может напрямую использование размера коробки.