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

vue网站布局footer的问题

vue网站布局footer的问题

慕少森 2018-11-13 08:39:02
最近用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 回答

?
慕码人2483693

TA贡献1860条经验 获得超9个赞

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

<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-11-13
  • 1 回答
  • 0 关注
  • 644 浏览
慕课专栏
更多

添加回答

举报

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