CSS - عرض عائم عرض تلقائي (تعويم قابل للتوسيع)

Question

لديّ اثنين من النجوم العائمة جنبًا إلى جنب. يمكن للمستخدم إخفاء/انهيار واحدة من تلك النماذج. في هذه الحالة ، أريد أن يتوسع النجم الآخر لتناسب الحاوية بأكملها.

هل هذا ممكن مع CSS؟

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

Answer 1

إذا كان العمود الأيسر الخاص بك يحتوي على حجم ضمني ، على سبيل المثال 250 بكسل ويتم عوامل العمود الأيمن فقط بدون حجم محدد ، فيجب أن يملأ الحاوية عند انهيار العمود الأيسر. سيكون الرمز كما يلي:

#leftcol{
width:250px;
float:left;
clear:none;
}

#rightcol{
float:left;
overflow:hidden;
width:auto; /* This may or may not work */
}

Answer 2

nup ، لا أعتقد أن الإجابة المقبولة تعمل بالفعل. كنت فقط أحاول نفس الشيء ، وهذا هو الحل ...

.left { 
    float: left;
}
.right {
    overflow: hidden;
    /* don't float this one */
}

العب مع الكود هنا: http://jsfiddle.net/simoneast/qphgr/2/

Answer 3

تعيين overflow:auto; height:auto; لعنصر Floatet :)