ကြည်လင်သော CSS ကိုပိုင်ဆိုင်မှု CSS1 ကတည်းက CSS ကို၏အစိတ်အပိုင်းတစ်ခုဖြစ်ခဲ့သည်။ ဒါဟာသင်ရှင်းလင်းဒြပ်စင်ဘေးမှာနှင့်အရာဘက် (s) ကိုပေါ် float နိုင်သလဲဆိုတာ element တွေကိုသတ်မှတ်ပေးနိုင်ပါတယ်။ ကြည်လင်သောအိမ်ခြံမြေငါးခုဖြစ်နိုင်သောတန်ဖိုးများရှိပါတယ်:
- အဘယ်သူအားမျှ
- လက်ဝဲ
- မှန်သော
- နှစ်ခုလုံး
- အမွေခံရ
အဆိုပါ CSS ကိုရှင်းရှင်းလင်းလင်းအိမ်ခြံမြေအသုံးပြုနည်းကိုဘယ်လို
သငျသညျ Element တစ်ခုရဲ့အပေါ်တစ်ဦးကတော့ float property ကိုအသုံးပြုပါတယ်ပြီးနောက်ရှင်းရှင်းလင်းလင်းပိုင်ဆိုင်မှုသုံးစွဲဖို့အသုံးအများဆုံးနည်းလမ်းဖြစ်ပါတယ်။ ဥပမာ:
ငါ၏အ image ကိုမှလာမယ့်စာသား။
ငါ၏အ image ကိုအောကျတှငျကြောင်းစာသား။
ရှင်းလင်းရန်အားလုံးဒြပ်စင်ကို default: none; သင်သည်အခြားဒြပ်စင်များတစ်ခုခုဘေးမှာ float ချင်ကြဘူးလျှင်ဒါ, သငျသညျကြည်လင်သောစတိုင်ကိုပြောင်းလဲရမည်ဖြစ်သည်။
သငျသညျ float ရှင်းလင်းရေးအခါ, သင်သည်သင်၏ float ရန်သင့်ရှင်းရှင်းလင်းလင်းကိုက်ညီမှုမရှိပါ။ သင်ဘယ်ဖက်ရန်ဒြပ်စင်မြောလျှင်ဒါဆိုသင်ဘယ်ဖက်မှရှင်းလင်းသင့်ပါတယ်။ သင့်ရဲ့မြောဒြပ်စင် float ဆက်လက်ပါလိမ့်မယ်, ဒါပေမယ့်ပြီးနောက်ရှင်းလင်းဒြပ်စင်များနှင့်အရာခပ်သိမ်းဝဘ်စာမျက်နှာပေါ်မှာအောက်တွင်ပေါ်လာပါလိမ့်မယ်။
သင်သည်လက်ျာနှစ်ဦးစလုံးမှမြောနှင့်ကျန်ကြွင်းသောဒြပ်စင်များရှိသည်ဆိုလျှင်, သင်ရုံတစျခုအခြမ်းများကိုရှင်းလင်းနိုင်ပါသည်သို့မဟုတ်သင်နှစ်ဦးစလုံးရှင်းလင်းနိုင်ပါသည်။
Layout များအတွက်ရှင်းရှင်းလင်းလင်းအသုံးပြုခြင်း
အများဆုံးဒီဇိုင်နာများကြည်လင်သော property ကိုသုံးအသုံးအများဆုံးနည်းလမ်းဖြစ်ပါတယ် စာမျက်နှာဒြပ်စင်၏အပြင်အဆင်အတွက် ။ သငျသညျတခုရှိစေခြင်းငှါ စာသားတစ်ခုပိတ်ပင်တားဆီးမှုအတွင်းပိုင်း floating image ကို နှင့်နောက်လာမည့်စာပိုဒ် image ကိုအောကျတှငျစတင်ချင်, ဒါမှမဟုတ်သင်အခြို့သောစာသားကိုအောက်တွင်ဖော်ပြထားသောထင်ရှားကျော်ကြားသောနှင့်အတူ, စာသား၏အခြားစည်းအနားမှာ float ချင်သောစာသားတစ်ခုတစ်ခုလုံးကိုကော်လံရှိပေလိမ့်မည်။
ဤတွင်ဤပုံစံအတွက် layout ကိုများအတွက် HTML ကိုဖြစ်ပါတယ်။
ဒါဟာလက်ဝဲမြောကြောင်းအခြားကိုင်ပြီးတဦးတည်း div ကွန်တိန်နာရှိပါတယ်။
တစ်ဦးကအတိုမြော div
အဆိုပါမြော div ၏ညာဘက်မှဖြစ်မယ့်သောကွန်တိန်နာ div အထဲမှာမာတိကာ။
ဒါကအဓိက div ရဲ့ contents ၏ကျန်၏လက်ဝဲဘက်မှမျောပုတိုတောင်း div အတူဒဏ်ငွေအလုပ်လုပ်ပါလိမ့်မယ်။
သငျသညျရိုးရိုးသငျသညျကမြော box ကိုအောက်တွင်ရေးသားစတင်ချင်တဲ့ tag ကိုထည့်သွင်းခြင်းဖြင့်ဘေးကမြော box ကိုမှစာသားများကိုရှင်းလင်းနိုင်ပါသည်။
အဆိုပါမြော box ကိုကလာမယ့်ရှည်ပါအကြောင်းအရာများကိုထက်အခါဒါပေမယ့်ပြဿနာကလာပါတယ်။ သငျသညျမွငျနိုငျအဖြစ်ထို့နောက်အဓိက box ရဲ့နောက်ခံအရောင်ဟာမြော box ရဲ့အောက်ဆုံးမှဆင်းသယ်ဆောင်မပေးပါ။
အိမ်ခြံမြေ: ကံကောင်းတာက, ဒီ fix ဖို့လွယ်ကူသောလမ်းလည်းမရှိ။ လျှံဖို့အဓိက box ကို setting by: အော်တို; နောက်ခံအရောင် မှာပြထားတဲ့အတိုင်းပိုရှည်သည်အလွန်အောက်ဆုံးမှသေတ္တာမြောအနားမှာရှိနေပါဦးမည် ဒီဥပမာ ။