🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
当希望footer部分在页面内容不足撑起整屏高度时,footer能固定在底部,而不上浮 参考来源:https://www.w3cplus.com/css3/css-secrets/sticky-footers.html 亲测有效 ``` 加在head标签内或者写入样式文件引入 <style> /* 这里的样式是为了在内容区没有数据的时候,底部footer能固定在底部而不上浮 */ body { display: flex; flex-flow: column; min-height: 100vh; } /* 这里的元素是内容区域dom,要保证和footer的dom是同级的 */ .page-container { flex: 1; } </style> ```