CSS ရှိ ပုံသေအနေအထား သတ်မှတ်ခြင်း

ယခုအခါ ပုံသေအနေအထား သတ်မှတ်ခြင်းကို ကျွန်ုပ်တို့ နားလည်အောင်လုပ်ပါမည်။ ၎င်းသည် အပြည့်အဝအနေအထားသတ်မှတ်ခြင်းနှင့် ဆင်တူပြီး၊ ခြားနားချက်မှာ ရွေ့လျားဘားရှိသည့်အခါ ဤအနေအထားအမျိုးအစားများ၏ ပြုမူပုံတွင် ထင်ရှားပါသည်။

စာမျက်နှာကို ရွေ့လျားသောအခါ အပြည့်အဝအနေအထားသတ်မှတ်ထားသော အရာဝတ္ထုများသည် စာမျက်နှာနှင့်အတူ ရွေ့လျားသွားမည်ဖြစ်သည်။ ဥပမာကို ကြည့်ပါ:

<div id="elem"></div>
<div id="content">
	some long text
</div>

#elem {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 100px;
	height: 100px;
	border: 1px solid green;
}

#content {
	margin: 0 auto;
	width: 300px;
	text-align: justify;
	font: 16px Arial;
}

စာမျက်နှာကို ရွေ့လျားသောအခါ အနေအထားသတ်မှတ်ထားသော အရာဝတ္ထုသည် နေရာအတိုင်းကျန်ရှိနေစေရန် လုပ်ဆောင်နိုင်သည်။ ဤသို့လုပ်ဆောင်ရန် ၎င်းအား position ဂုဏ်သတ္တိကို fixed တန်ဖိုးဖြင့် ပုံသေအနေအထား သတ်မှတ်ပေးရမည်:

<div id="elem"></div>
<div id="content">
	some long text
</div>

#elem {
	position: fixed; /* ပုံသေအနေအထား သတ်မှတ်ပေးသည် */
	top: 30px;
	right: 30px;
	width: 100px;
	height: 100px;
	border: 1px solid green;
}

#content {
	margin: 0 auto;
	width: 300px;
	text-align: justify;
	font: 16px Arial;
}