مشكلة الحشو/العرض - هل يمكنني استخدام تغيير حجم الصندوق مع نظام شبكي، على سبيل المثال؟نظام الشبكة 960؟

Question

لقد كنت أستخدم نظام الشبكة 960 لفترة من الوقت وأواجه دائمًا المشكلة عند إضافة الحشو إلى divs الخاصة بي.

أتساءل عما إذا كان تعديل نظام الشبكة CSS وإضافته ممارسة جيدة/آمنة box-sizing: border-box إلى فصولي *grid_x*.هل هناك أي عيوب؟

لقد كنت أستخدم div داخليًا حتى الآن مع حشوة إضافية، لذلك لا أعبث مع divs التي تحتوي على فئات الشبكة.لقد كان الأمر جيدًا ولكنه يملأ تخطيطي بعناصر div إضافية في كل مكان.

يكون box-sizing خيار جيد أو هل لديك أي حلول أو اقتراحات أو حلول أخرى؟

تشكرات

Answer 1

أعتقد أنه من الأفضل أن تضيف مربعًا داخل Grid_x، ثم تضيف حدودًا للمربع.

هنا هو المثال

لغة البرمجة :

<div class="grid_1">
    <div class="box">
        test
    </div>
</div>

المغلق:

.grid_1 {
    width:100px;
    height:100px;
}
.box{
    border:1px solid red;
}

Answer 2

لقد كنت أفكر في نفس الشيء المحكمة.أعلم أن موضوع WordPress Bones يستخدم حجم الصندوق ويعمل بشكل رائع.إنه غير مدعوم في IE7 والإصدارات الأحدث، لذا ستحتاج إلى إيجاد حل بديل.بغض النظر عن IE7، أود أن أقول أن الإجابة هي نعم.

يحرر:تم العثور على الحل البديل لـ IE7 http://code.google.com/p/ie7-js/يعمل كالسحر!