Clearfix

clearfix උපයෝගීතාවයක් එක් කිරීමෙන් බහාලුමක් තුළ පාවෙන අන්තර්ගතය ඉක්මනින් සහ පහසුවෙන් ඉවත් කරන්න.

මව් මූලද්‍රව්‍යයටfloat එකතු කිරීමෙන් s පහසුවෙන් ඉවත් කරන්න . මිශ්‍රණයක් ලෙසද භාවිතා කළ හැක..clearfix

HTML හි භාවිතා කරන්න:

<div class="clearfix">...</div>

Mixin මූලාශ්‍ර කේතය:

@mixin clearfix() {
  &::after {
    display: block;
    clear: both;
    content: "";
  }
}

SCSS හි මික්සින් භාවිතා කරන්න:

.element {
  @include clearfix;
}

පහත උදාහරණය මගින් clearfix භාවිතා කළ හැකි ආකාරය පෙන්වයි. පැහැදිලි නිශ්චය නොමැතිව එතීමේ div බොත්තම් වටා නොපැමිණෙන අතර එය බිඳුණු පිරිසැලසුමක් ඇති කරයි.

<div class="bg-info clearfix">
  <button type="button" class="btn btn-secondary float-start">Example Button floated left</button>
  <button type="button" class="btn btn-secondary float-end">Example Button floated right</button>
</div>