//float
@for $i from 1 through length($float-list) {
    $item: nth($float-list, $i);
    .float-#{$item} {
        float: $item;
    }
}

//display
@for $i from 1 through length($display-list){
    $item:nth($display-list,$i);
    .display-#{$item}{
        display: $item;
    }
}

//清除浮动
.clearfix::before,
.clearfix::after{
  content:'';
  display: block;
  height:0px;
  line-height: 0px;
  clear: both;
  visibility: hidden;
}

/*尺寸*/
.height-100{
    height:100%;
  }
.width-100{
    width:100%;
  }

  //隐藏滚动条
  .overflow-hidden{
    overflow: hidden;
  }

  //只显示纵向滚动条
  .overflow-y{
    overflow-y: auto;
    overflow-x: hidden;
  }