scssフローティングクリア

774 ワード

css

フローティングのクリア:

%clearfix {
  *zoom: 1;
  &:before, &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}

使用方法:

.container-with-floated-children {
  @extend %clearfix;
}