biasanya dalam design, property positioning seperti float menjadi kendala. Misalkan kita mendapati banyak element yang tertumpuk karena adanya css float (semua designer pasti pernah mengalaminya). ada satu tips yang bisa saya berikan..
Misalnya design :
<div class="a">
<img/><span>${text}</span>
<div></div>
</div>
kita gunakan menghendaki text rapat dengan gambar disebelah kirinya, cssnya :
.a img {
float: left;
}
NAMUN hasil yang terjadi adalah element <div> dibawah image dan text ikut terbawa.
Solusi tercepat adalah menggunakan clear positioning di css, tambahkan tag di html sehingga menjadi seperti ini :
<div class="a">
<img/><span>${text}</span>
<div id="clear-both"></div> // tambahkan tag div dengan id, jangan class
<div></div>
</div>
kemudian tambahkan css :
.a img {
float: left;
}
#clear-both {
clear: both;
}
Semoga bermanfaat ^_^