猿问

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

vue网站布局footer的问题

最近用vue写一个介绍官方!

但是有的页面里面就一点点东西

有的页面有很多

footer组件在页面内容多的时候没问题!
但是在内容少的时候就堆积到屏幕中间了 除了给Main组件加min-height之外有什么办法解决这个问题???

<el-container>
  <el-header>Header</el-header>
  <el-main>Main</el-main>
  <el-footer>Footer</el-footer></el-container>


慕娘9325324
浏览 2320回答 1
1回答

吃鸡游戏

楼主，你好！还可以利用绝对定位来做。示例：<style> &nbsp;&nbsp;&nbsp;&nbsp;html,&nbsp;body{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;100%; &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;.footer&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;100%;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;position:&nbsp;absolute;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;bottom:&nbsp;0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;left:&nbsp;0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;50px;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;#000; &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;</style><body><div&nbsp;class="footer"></div></body>如有帮助，麻烦点击下采纳，谢谢~
0
打开App，查看更多内容
随时随地看视频慕课网APP

相关分类

CSS3