تعتبر خاصية clear مهمة جدا للتحكم في سلوك خاصية التعويم float. قارن بين المثاليين التاليين:

كود ملف html:

<div class="box">...</div>
<section>...</section>

كود ملف CSS:

.box {
  float: left;
  width: 200px;
  height: 100px;
  margin: 1em;
}
clear  في css
clear في css
.simple {
  width: 500px;
  margin: 20px auto;
}


تعويم النص
تعويم النص
تعويم النص
تعويم النص

 

رابط مختصر : https://www.aqwce.com/NlVwa