求助，决策报表如何既能横向自适应，又可以做到长屏，还要组件可以重叠摆放？

这四种方式好像都没办法解决这个问题，还有其他解决办法吗？

body自适应属性设置	类型	特点	适应类型
自适应布局	双向自适应	添加在 body 中的所有组件会铺满整个 body。新增或删除组件后，body 内的其他组件重新铺满 body。如果修改某个组件的大小，相邻组件的大小也会发生变化，大小变化表现为此消彼长。	报表双向充满浏览器窗口，内容全部呈现在一页；此种方式适用于框架简洁，内容需要固定在一个屏幕中显示，不允许向下拖动的驾驶舱或大屏看板。注：当设置有「冻结行」时，行高被限制，双向自适应则不生效，等同于「横向自适应或不自适应」。双向自适应：决策报表在 Web 端预览时根据浏览器窗体大小自适应充满区域展示，双向都不会出现滚动条。
自适应布局	横向自适应		报表横向充满浏览器窗口，纵向高度按一定比例缩放，内容过多时，单页不能显示全，纵向出现滚动条，拖动显示剩余内容；此种流式布局方式，适用于内容丰富，表格数据较多，无法固定在一个屏幕中，需要滚动的大屏报表，也适合移动端报表。横向自适应：决策报表在 Web 端预览时按 body 初始宽高比调整大小，以横向调整为主，横向始终不出现滚动条。
绝对布局	适应区域	允许组件随意放置，只要组件在 body 中即可，所有组件不会铺满整个 body。组件可以重叠，改变一个组件的大小，其他组件的大小不会受影响。	报表双向充满浏览器窗口，内容全部呈现在一页；此种方式适用于内容丰富，一个小主题内既要图表又要文字，组件小且多，body平铺空间不足，需要组件重叠才能实现的驾驶舱或大屏看板。决策报表在 Web 端预览时，根据浏览器窗体大小进行调整，自适应充满区域展示。
绝对布局	固定大小		报表不根据浏览器窗口大小进行调整，按照设计模板时 form 的大小原样展示在浏览器窗口；此种方式适用于明确知道显示窗口大小的驾驶舱或大屏看板，也适用于需要固定显示在浏览器窗口的左上方，不需要铺满整个页面的报表。决策报表在 Web 端预览时，不根据浏览器窗体大小进行调整，双向都有可能出现滚动条。