CSS တွင် မိဘအပေါ် မျောပါဒြပ်များ၏ လုပ်ဆောင်ချက်

ယခု ကျွန်ုပ်တို့မှာ div တစ်ခုရှိပြီး ၎င်းအတွင်းတွင် ပုံတစ်ပုံရှိသည်ဆိုပါစို့။ div အတွက် နယ်နိမိတ်မျဉ်းသတ်မှတ်ပေးပြီး၊ ပုံအတွက် float property ကို အခုချိန်မှာ မသတ်မှတ်သေးပါ။

၎င်းသည် browser တွင် မည်သို့ပေါ်လာမည်ကို ကြည့်ရှုကြည့်ပါစို့-

<div>
	<img src="img.png" alt="">
</div>

div {
	border: 1px solid red;
}

ယခု ပုံအတွက် float property ကို left ဟူသော တန်ဖိုးဖြင့် သတ်မှတ်လိုက်ပါ။ ဤ အခြေအနေတွင် အံ့ဩဖွယ်ကောင်းသည့်အရာတစ်ခု ဖြစ်ပေါ်လာမည် - မိဘ၏ အမြင့်သည် ပျောက်ကွယ်သွားမည်၊ ၎င်း၏အောက်ခြေနယ်နိမိတ်မျဉ်းသည် အပေါ်ခြေနယ်နိမိတ်မျဉ်းပြီးသည်နှင့် တစ်ပြိုင်နက် စတင်ပေါ်လာမည်ဖြစ်ပြီး ပုံသည် မိမိ၏မိဘထက်မှ အောက်ဖက်သို့ ထွက်ပေါ်လာမည်-

<div>
	<img src="img.png" alt="">
</div>

div {
	border: 1px solid red;
}
img {
	float: left;
}

ဆိုလိုသည်မှာ၊ float property သတ်မှတ်ထားသော ဒြပ်စင်များသည် ၎င်းတို့၏မိဘကို အမြင့်အတိုင်းအတာအရ ပြန့်ထွက်စေခြင်းမရှိပါ။

float property အတွက် တန်ဖိုး left အစား right ဟုရေးသားလိုက်ပါစို့။ မိဘ၏ ပြုမူပုံမပြောင်းလဲသော်လည်း ပုံသည် ညာဘက်မှ စတင်မျောပါလာမည်-

<div>
	<img src="img.png" alt="">
</div>

div {
	border: 1px solid red;
}
img {
	float: right;
}