CSS ရှိ absolute ကို အသုံးပြု၍ အလယ်ဗဟိုချခြင်း

အရာဝတ္ထုတစ်ခုကို absolute positioning ဖြင့် အလယ်ဗဟိုချရန် နည်းလမ်းရှိပါသည်။ ဒြပ်စင်သည် browser window ၏ အတိအကျဗဟိုတွင် တည်ရှိစေရန် ပြုလုပ်နိုင်ပါသည်။ ထိုသို့ပြုလုပ်ရန် ဒြပ်စင်၏ အရွယ်အစားကို သတ်မှတ်ခြင်းမပြုဘဲ လေးဘက်လေးတန် နေရာချထားခြင်းကို သတ်မှတ်ရန်လိုအပ်ပါသည်။

<div id="elem"></div>

#elem {
	position: absolute;
	top:    30px;
	right:  30px;
	bottom: 30px;
	left:   30px;
	
	border: 1px solid green;
}

ဖော်ပြထားသောနည်းလမ်းကို အသုံးပြု၍ မျက်နှာပြင်၏အလယ်ဗဟိုတွင်ရှိပြီး အားလုံးသောဘက်များမှ 100px ခွာထားသော block တစ်ခုကို ပြုလုပ်ပါ။

ဖော်ပြထားသောနည်းလမ်းကို အသုံးပြု၍ မျက်နှာပြင်၏အပေါ်စွန်းမှ 100px၊ ညာဘက်မှ 200px၊ အောက်ဘက်မှ 50px၊ ဘယ်ဘက်မှ 10px ခွာထားသော block တစ်ခုကို ပြုလုပ်ပါ။