为了账号安全,请及时绑定邮箱和手机立即绑定

vue网站布局footer的问题

vue网站布局footer的问题

慕娘9325324 2018-10-24 21:37:46
最近用vue写一个介绍官方!但是有的页面里面就一点点东西有的页面有很多footer组件在页面内容多的时候没问题!但是在内容少的时候就堆积到屏幕中间了 除了给Main组件加min-height之外有什么办法解决这个问题???<el-container>   <el-header>Header</el-header>   <el-main>Main</el-main>   <el-footer>Footer</el-footer></el-container>
查看完整描述

1 回答

?
吃鸡游戏

TA贡献1829条经验 获得超7个赞

楼主,你好!还可以利用绝对定位来做。示例:

<style>
    html, body{      height: 100%;
    }    .footer {      width: 100%;      position: absolute;      bottom: 0;      left: 0;      height: 50px;      background: #000;
    }  </style><body><div class="footer"></div></body>

如有帮助,麻烦点击下采纳,谢谢~


查看完整回答
反对 回复 2018-10-24
  • 1 回答
  • 0 关注
  • 2310 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信