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

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

html<div id="elem"></div>
css#elem {
  position: absolute;
  top:    30px;
  right:  30px;
  bottom: 30px;
  left:   30px;
  
  border: 1px solid green;
}

Результат:

Задание 1

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

Задание 2

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