Sifat float untuk Blok dalam CSS
Sifat float boleh digunakan bukan sahaja
pada gambar, tetapi juga pada mana-mana blok lain.
Mari kita uji ini.
Katakan kita ada blok induk dengan kelas parent,
dan di dalamnya terdapat teks dan blok anak
dengan kelas child. Kedua-dua blok diberikan
sempadan, dan anak juga diberikan lebar dan tinggi:
<div class="parent">
<div class="child"></div>
some long text
</div>
.parent {
border: 1px solid red;
text-align: justify;
}
.child {
width: 200px;
height: 100px;
border: 1px solid green;
}
:
Sekarang mari kita tetapkan float untuk anak
kepada nilai left - teks akan mula melitupi
blok kami:
<div class="parent">
<div class="child"></div>
some long text
</div>
.parent {
border: 1px solid red;
text-align: justify;
}
.child {
float: left;
width: 200px;
height: 100px;
border: 1px solid green;
}
:
