0
点赞
收藏
分享

微信扫一扫

css设置h5页脚固定底部

蒸熟的土豆 2022-01-11 阅读 77
<template>
  <div class="container">
    <!-- 内容 -->
    <div class="page-body">
      这里放页面的内容
    </div>
    <!-- 页脚 -->
    <div class="page-footer">
       © 余杭晨报 版权所有
    </div>
  </div>
</template>

<style lang="less" scoped>
   .container{
      height:100%;
     .page-body{
     	min-height: calc(100vh - 120px);
     }
   }
</style>

实现效果如图:

在这里插入图片描述在这里插入图片描述

举报

相关推荐

0 条评论