如何让页面自动填充满?_前端问题_站长_知道

场景复现:

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

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

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

已解决悬赏分：40 - 解决时间 2021-11-26 15:03

点赞 0反对 0举报 0 收藏 0

回答3

最佳

@z1031443821

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即可

支持 0 反对 0 举报

2021-11-26 06:04

@hitter

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

支持 0 反对 0 举报

2021-11-26 06:46

@shanding

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

支持 0 反对 0 举报

2021-11-26 07:04