美文网首页
使用calc()设置内容高度 - 2018-05-07

使用calc()设置内容高度 - 2018-05-07

作者: 勇敢的小拽马 | 来源:发表于2018-05-07 17:42 被阅读0次
    • 2018-05-07创建
    <div class="content">
      <!-- content -->
    </div>
    <div class="footer">footer</div>
    
    .content {
      min-height: calc(100vh - 70px);
    }
    .footer {
      height: 50px;
    }
    
    • 这里假设div.content和div.footer之间有20px的间距,所以70px=50px+20px

    相关文章

      网友评论

          本文标题:使用calc()设置内容高度 - 2018-05-07

          本文链接:https://www.haomeiwen.com/subject/yqpvrftx.html