تطهير عائمة <li> بشكل صحيح

Question

أتعامل مع float: left; و كس-إعادة تعيين من قبل اريك ماير مع class="clearfix".ولكن هناك حالة خاصة واحدة ، أتساءل عن كيفية مسح عنصر عائم بشكل صحيح:داخل <ul> ... </ul>.

ارتفاع خاطئ من <ul> على الرغم من استخدام أكثر وضوحا.يجب أن يكون أكثر وضوحا داخل <ul>.دعونا نحاول ...

الارتفاع الصحيح ، ولكن هتمل رمز إست غير صالح!

كيف يمكنني مسح تعويم داخل <ul> مع رمز صالح?

شكرا ، يوهانس

Answer 1

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

جسفيدل التجريبي: http://jsfiddle.net/9sxrN/1/

Answer 2

كما أفهم ، يمكن تطبيق float على عناصر الكتلة ، التي لا يمكن إدراجها في UL.(ولا div ولا BR لا يمكنك إدراجه في UL).في الواقع يمكنك ذلك ، لكنها ليست صالحة.

لذلك ، غطيت ul الخاص بك بحاوية div: Genacodicetagpre

و css of ul a made css of .ul-container.

Genacodicetagpre

Answer 3

استخدام overflow:hidden; على ال ul