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

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

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

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

css#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 တန်ဖိုးဖြင့် ပုံသေအနေအထား သတ်မှတ်ပေးရမည်:

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

css#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;
}

Результат: