المغلق، الأطفال عناصر div والعائمة

Question

وأنا تعبت من العمل مع هذه الأنواع من عناصر div: (

ولقد 2 عناصر div:

<div id="content">
  <div id="row_left"></div>
  <div id="row_middle"></div>
  <div id="row_right"></div>
</div>
<div id="bottom"></div>

والمغلق:

#content {
  overflow: hidden; width: 100%;
}

والمحتوى div عبارة بينهم 3 عناصر div آخر، والذي يجب ان يبقى أفقيا.

#row_left, #row_middle, #row_rifht { float: left; width: 33%; }

والمشكلة هي أن شعبة السفلي لا يبقى الرجوع إلى محتوى النص. انها دائما على نفس الموقف، حتى عندما يكون المحتوى الصفوف النص هو أكثر. كيف يمكنني إصلاحه؟

Answer 1

وحاول إضافة شعبة بعد المحتوى مع نمط:

clear: both; line-height: 0.1em;

ووضع

 

وفي ذلك

Answer 2

وحاول

...
<div id="bottom" style='clear:both'></div>

Answer 3

إذا كنت ترغب في مسح يطفو دون إضافة ترميز إضافية، ووضع هذا في CSS الخاص بك:

#content { zoom: 1; }
#content:after {
    clear: both;
    display: block;
    content: ".";
    height: 0;
    visibility: hidden;
}