vue网站布局footer的问题

Question

最近用vue写一个介绍官方!
但是有的页面里面就一点点东西
有的页面有很多
footer组件在页面内容多的时候没问题!但是在内容少的时候就堆积到屏幕中间了除了给Main组件加min-height之外有什么办法解决这个问题???
Header
Main
Footer

Answer 1

楼主，你好！还可以利用绝对定位来做。示例：html,body{height:100%;}.footer{width:100%;position:absolute;bottom:0;left:0;height:50px;background:#000;}如有帮助，麻烦点击下采纳，谢谢~