CSS-এ ফ্লো
ধরুন আমাদের কাছে এখনই দুটি ডিভ আছে ক্লাস সহ
parent। তাদের প্রত্যেকটিতে অল্প কিছু
লেখা আছে, এবং প্রথম ডিভে একটি ছবি রাখা হয়েছে,
যেটিকে float প্রপার্টি দেওয়া হয়েছে
left ভ্যালু সহ।
আপনি ইতিমধ্যেই জানেন, এই ক্ষেত্রে ছবিটি দ্বিতীয় ব্লকটির উপর চেপে বসবে:
<div class="parent">
<img src="img.png" alt="">
text
</div>
<div class="parent">
text
</div>
.parent {
border: 1px solid red;
}
.parent img {
float: left;
}
:
পরের পাঠগুলোতে আসুন আমরা দেখি, কিভাবে এমন ওভারল্যাপিং বা ফ্লো এড়ানো যায়।