عند الحديث عن خطأ IE ، فإن مثالًا سيئ السمعة هو شرحه الخاطئ لـ "نموذج المربع": في IE6/7 في وضع IE5.x وموضع المراوغات ، يتم تضمين الحدود والحشو في العرض. هذا يضيف الكثير من المتاعب إلى عمل المهندس الأمامي.
في الوقت نفسه ، نظرًا لمجموعة أخرى من امتثال المتصفحات للمعايير ، عندما نحدد بدقة مربعًا معروضًا في مساحة محدودة ، نحتاج أيضًا إلى حساب: المساحة المتبقية لها كبيرة جدًا ، يجب أن نستخدم الحدود والحشو ، يجب أن نضعها كم هو مكتوب عرضه؟
لقد تحسن هذا الموقف في عصر CSS3.
تحديد الحجم: conne-box ؛
تحديد الحجم: صندوق الحدود ؛
لماذا هذه السمة "متأخرة"؟ لا يفي بتفسير IE لنموذج المربع بمواصفات W3C ، ولكن له أيضًا مزاياه: بغض النظر عن كيفية تغيير قيمة الحدود والحشو ، فلن يتسبب في تغيير حجم الصندوق ، ولن يعطل ذلك التصميم العام للصفحة. تحت المتصفحات الحديثة مثل Firefox ، إذا أردنا تغيير قيمة الحشو ، فيجب علينا إعادة حساب عرض المربع. الآن IE6 ستذهب إلى السرير ، هذه سمة CSS متأخرة بعض الشيء.
جرب هذه السمة الجديدة ، Firefox ، يرجى استخدام -moz-box-size ، safari / webkit ، يرجى استخدام-webkit-box-size ، ويمكن للأوبرا استخدام حجم الصناديق مباشرة.