CSS: ماذا تطهير داخل شعبة طرح تفعل؟

Question

وسؤال سريع! هل وضع "واضح" عنصر داخل شعبة طرح فعل أي شيء؟ مثل:

<div style="float: right">
blah blah
<div style="clear: right"></div>
</div>

وفي مكان ما بطريقة ما حصلت على انطباع أن هذا يساعد على توسيع شعبة لاحتواء المحتوى داخل منه. ماذا يفعل فعلا؟ اى شى؟ شكرا!

Answer 1

وثمة عنصر الذي يحتوي على أي شيء ولكن يطفو ستنهار في الارتفاع، لأن العناصر المطروحة لم تعد في تدفق وثيقة العادي. في مثل هذه الحالة، وتطهير <م> بعد العوامات سيسمح للعنصر يحتوي على الاحتفاظ ذروته.

<div id="container">
    <div id="float1" style="float:left;"></div>
    <div id="float2" style="float:right;"></div>
    <!-- if you use a clearing element, it should go here -->
</div>

لاحظ أن هناك طرق أخرى لواضح من استخدام عناصر المقاصة، مثل إضافة overflow:hidden; إلى أنماط الحاوية.

Answer 2

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

Answer 3

في قضيتك، وليس له تأثير كبير. وشعبة المغلقة. (واضح: اليمين) هو جيدة مثل زائدة عن الحاجة

<div style="float: right; background: red;" >
blah blah
<div style="clear: right; background: blue;"></div>
</div>

مع ذلك، يمكنك ان ترى بالعين المجردة إذا كنت شعبة المغلقة فرقا.