如何让页面自动填充满?

Question

场景复现:

项目某个页面有一个表格,当表格设置成十条每页的时候,页脚不是在最底部,请问怎么自动填充表格和页脚之间的空白,让页脚自动处于底部?

如上图所示,记住不要固定页脚.

言之成理者,推荐进阿里...扫地

Answer 1

js部分

bodyHeight(){
        //浏览器屏幕的高度 - 浏览器工具栏高度 100
        let screenHeight =window.screen.height - 100;
        // 60 - 60 - 35 分别是 我header和footer以及footer的margin
        let bodyHeight = screenHeight - 60 - 60 - 35;
        return bodyHeight;
    }

将你中间内容的最小高度（min-height）设置成返回出来的bodyHeight即可

Answer 2

flex 布局 你指的拥有 你看看这个例子链接 是不是你要的效果

Answer 3

你好,你想一直贴着底部是吗? 这有很多,这可以用定位就解决的,postion 相对于窗口 bottom 绝对定位,但是有弊端的.你权衡一下吧.希望可以帮到你!