ফ্লোটিং কিভাবে স্পষ্ট করা (Clearfix)

Clearfix টেকনিক ব্যবহার করা শিখুন

clearfix টেকনিক

যদি একটি বস্তু তার বাস্তবায়নকারী বস্তুর থেকে উঁচু, এবং তা ফ্লোটিং, তবে তা তার কাঠামোতে উঠে আসবে

তারপর, আমরা এই সমস্যা সমাধান করতে overflow: auto; যোগ করতে পারি:

প্রদর্শন

.clearfix {
  overflow: auto;
}

亲自试一试

যদি আপনি বাহ্যিক এবং অভ্যন্তরীণ মার্গকে নিয়ন্ত্রণ করতে পারেন,overflow:auto ফ্লোটিং স্পষ্ট করে (অন্যথায়, আপনি সরবরাহকৃত স্ক্রোলবার দেখতে পাবেন)

তবে, নতুন এবং আধুনিক clearfix টেকনিক ব্যবহার করার সুরক্ষা সম্পর্কে বেশি, অধিকাংশ ওয়েবসাইট নিম্নলিখিত কোডটি ব্যবহার করে:

প্রদর্শন

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

亲自试一试

相关页面

教程：CSS 浮动