vue中使用minheight实现高度自适应

&.special {
height: 7rem;
height: auto !important;
min-height: 7rem;
margin-top: 1rem;
margin-bottom: 1rem;
  .clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
  }
}

  <div class="clearfloat"></div>