سی ایس ایس بجلی کا کاروبار - کلیر او ر کلیرفلائس

clear 属性

clear 属性指定哪些元素可以浮动于被清除元素的旁边以及哪一侧。

clear کی خاصیت میں اس کی وارثیت کو ایک سے دیگر اس کی وارثیت کو رکھنا چاہئیے:

  • none - دونوں جانب کی جانب کسی بلاک کی کھلنا کی اجازت ہوگی. میل کا مقدار
  • left - سمت چپ کی جانب کسی بلاک کی کھلنا نہیں کی جائے گی
  • right - سمت دکھ کی جانب کسی بلاک کی کھلنا نہیں کی جائے گی
  • both - سمت چپ یا سمت دکھ کی جانب کسی بلاک کی کھلنا نہیں کی جائے گی
  • inherit - عنصر وابستہ اپنے والد کی clear کی وارثیت لینا چاہئیے

استعمال clear کی سب سے عام استعمال وہ ہے جس میں عناصر پر استعمال کیا جاتا ہے float کی خاصیت کے بعد.

بلاک کی کھلنا پاک کرنے کے وقت، بلاک کی کھلنا اور پاک کرنا کا مطابقت رکھنا چاہئیے: اگر کسی عنصر کو چپ کی جانب بلاک کیا جائے تو چپ کو پاک کرنا چاہئیے. آپ کا بلاک کی کھلنا جاری رہے گی، لیکن پاک کئے گئے عنصر کا اپنا نیچے دکھایا جائے گا.

مثال میں بلاک کی کھلی کی گئی، سمت چپ کو پاک کر دیا جائے گا. اس کا مطلب یہ ہوگا کہ (دیوی کے) چپ سمت میں کسی بلاک کی کھلنا نہیں کی جائے گی:

مثال

div {
  clear: left;
}

خود کا تجربہ کریں

clearfix Hack

اگر ایک عنصر اپنے شامل عنصر سے بلند ہو اور وہ بلاک کا تذکرا لگا ہو، وہ اپنے کانٹینر کے باہر ‘کھلنا’ گا:

تاہم، ہم میں بغیر اس سمت کا overflow: auto; کا استعمال کرسکتے ہیں، تاکہ اس مسئلے کو حل کرسکتے ہیں:

مثال

.clearfix {
  overflow: auto;
}

خود کا تجربہ کریں

جب تک آپ بیرونی اور اندرونی مارگنز کو کنٹرول کرسکتے ہیں (درآخر آپ کو سکرول بار دیکھ سکتے ہیں)، overflow: auto clearfix بہت اچھا کام کرتا ہے۔ لیکن، نئی جدید clarify hack تکنیک استعمال کے لئے بہت سیکورٹ ہے، اس کد کا استعمال زیادہ سے زیادہ ویب سائٹوں میں کیا گیا ہے:

مثال

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

خود کا تجربہ کریں

آپ کسی بعد کی شق میں سیکھیں گے ::after پوسٹ علامت