هل هناك طريقة بعرض 0 لمنع انهيار divs العائمة

Question

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

القضية هي هذه.لنفترض أن لدي سلسلة من divs العائمة مثل:

<div class="column">Column 1</div>
<div class="column"></div>
<div class="column">Column 3</div>

مع المغلق:

div.column { float: left; width: 200px; }

سيتم طي العمود الأوسط في الإصدارات الأخيرة من Firefox وSafari، على الرغم من أنه ليس IE7 على ما يبدو. ما أريده هو سلوك IE7.

أدرك أنه يمكنني إضافة   وسيبقي القسم مفتوحًا، لكن هذا لا يناسبني في هذه الحالة لأنه لدي أيضًا إعلان مثل هذا:

div.column input { width: 100% }

لدي سلسلة من الأعمدة موضوعة بتنسيق يشبه الجدول، مع ظروف معينة تتسبب في اختفاء حقول الإدخال.المشكلة هي عندما يختفي الإدخال ينهار الحقل.إذا قمت بإضافة   يؤدي إلى التفاف div.فقط لتجنب الأسئلة الأولية:

• لماذا لا أستخدم الجدول بدلاً من ذلك؟ لأنني أستخدم Scriptaculous Sortable لسحب الصفوف وإسقاطها، وهو ما لا يعمل مع الجداول
• لماذا لا أستخدم عرض بكسل أقصر لإفساح المجال لـ  ? لأن width: 100% أكثر دقة عبر المتصفحات.
• لماذا لا أقوم بإضافة أ   عندما أقوم بإخفاء الإدخال قد ينتهي بي الأمر باللجوء إلى هذا، لكنه سيكون قبيحًا نوعًا ما في JS، لذلك آمل أن أجد طريقة أفضل.

هل لدى أي شخص أي خارقة ذكية هنا؟نظرًا لأن كلاً من Safari وFirefox يتصرفان بهذه الطريقة، فأنا أفترض أن هذا سلوك معتمد رسميًا.أين تمت مناقشة هذا في مواصفات W3C؟

Answer 1

إيه؟ألا يجب أن تعطيه ارتفاعًا عشوائيًا؟هل يمكنك عرض العرض التوضيحي؟