كيفية إزالة الانسياب (Clearfix)

تعلم كيفية استخدام تقنية clearfix لإزالة الانسياب.

تقنية clearfix

إذا كان العنصر أعلى من العنصر الذي يحتوي عليه وكان متدفقًا، فإنه سيخرج من قالبه.

ثم، يمكننا إضافة overflow: auto; إلى العنصر المضمن لحل هذه المشكلة:

مثال

.clearfix {
  overflow: auto;
}

جرب بنفسك

بمجرد أن يمكنك التحكم في الهوامش الخارجية والداخلية،overflow:auto ويمكن التخلص من تأثير الانسياب بشكل جيد (إلا إذا رأيت شريط التمرير).

وإلا، تقنية clearfix الحديثة الجديدة أكثر أمانًا في الاستخدام، معظم الصفحات على الإنترنت تستخدم الشيفرة التالية:

مثال

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

جرب بنفسك

الصفحات ذات الصلة

دليل:السحب في CSS