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

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

添加回答

代码语言

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号