Die float Eienskap vir Blokke in CSS

Die eienskap float is nie net van toepassing op beelde nie, maar ook op enige ander blokke.

Kom ons toets dit.

Laat ons 'n ouerblok met klas parent hê, met binne-in dit teks en 'n kindblok met klas child. Albei blokke het 'n grens, en die kind het ook breedte en hoogte:

html<div class="parent">
  <div class="child"></div>
  some long text
</div>

css.parent {
  border: 1px solid red;
  text-align: justify;
}
.child {
  width: 200px;
  height: 100px;
  border: 1px solid green;
}

Результат:

Laat ons nou vir die kind float stel na waarde left - die teks sal ons blok begin vloei:

html<div class="parent">
  <div class="child"></div>
  some long text
</div>

css.parent {
  border: 1px solid red;
  text-align: justify;
}
.child {
  float: left;
  width: 200px;
  height: 100px;
  border: 1px solid green;
}

Результат: