အုပ်ချုပ်ရိုးရာ (Clearfix) ကို ဖယ်ရှားခြင်း

Clearfix ပစ္စည်း အသုံးပြုခြင်း ကို လေ့လာခြင်း

clearfix ပစ္စည်း

အခြား အရာတစ်ခု မှ မြင့်သည် နှင့် တွဲဆက်ထားခြင်း ဖြစ်သည် တွင် နောက်ဘက် အရာတစ်ခု သည် သူ၏ အကွင်း အတွင်း ပြောင်းလဲသွားသည်。

ပြီးနောက် သင်တို့ အသုံးပြုနိုင်သော overflow: auto; ကို အသုံးပြုပြီး အခြေအနေ ကို ပြုပြင်နိုင်ပါ:

အမှတ် ၅

.clearfix {
  overflow: auto;
}

亲自试一试

သင် အပြင်ဘက် ပြင်ဘက် နှင့် အတွင်းဘက် ပြင်ဘက် ကို အထိန်းခံနိုင်ခဲ့လျှင်overflow:auto အုပ်ချုပ်ရိုးရာ အကျိုးသက်ရှိသည် (တမျှသော်လည်း သင် နှိပ်ကြားသည် ဖြစ်နိုင်ပါ)。

ခုနှင့်ကတည်းမဟုတ် လွန်ခဲ့သော၊ လက်ရှိရိုးရာ အုပ်ချုပ်ရိုးရာ ပစ္စည်းများ အသုံးပြုခြင်း မှာ ပို၍ လုံခြုံသည်၊ အများဆုံး ဝတ္ထုပိုင်းများ သည် အောက်ပါ ကြော်ငြာစာ ကို အသုံးပြုကြသည်:

အမှတ် ၅

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

亲自试一试

相关页面

教程：CSS 浮动