ఫ్లాటింగ్ ని ఎలా తొలగించాలి (Clearfix)

Clearfix టెక్నిక్స్ ను ఎలా ఉపయోగించాలి నేర్చుకోండి.

clearfix టెక్నిక్

ఒక ఎలిమెంట్ దాని కంటైనర్ కంటే పెద్దది ఉండి మరియు ఫ్లాటింగ్ అయితే, అది దాని కంటైనర్ నుండి పెరుగుతుంది.

అప్పుడు, మానిషి ప్రాతిపదికన మేము overflow: auto; జోడించవచ్చు ఈ సమస్యను పరిష్కరించడానికి:

ఉదాహరణ

.clearfix {
  overflow: auto;
}

亲自试一试

మీరు బాహ్య మరియు లోపలి మార్జిన్స్ నియంత్రించగలిగినట్లయితే,overflow:auto ఫ్లాటింగ్ అనేది మంచిది ఉంటుంది (లేకపోతే, మీరు స్క్రోల్ బార్ను చూడవచ్చు).

కానీ, కొత్త, ఆధునిక clearfix టెక్నిక్స్ ఉపయోగించడం మరింత సురక్షితం, చాలా వెబ్ పేజీలు క్రింది కోడ్ను ఉపయోగిస్తాయి:

ఉదాహరణ

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

亲自试一试

相关页面

教程：CSS 浮动