缩放可Scrollable Datatable

Question

我有一个页面显示一个交互式数据表，其中包含其标题和前两个列（按钮）已修复。

见here。

该表由四部分组成（都有自己的div）

1. 按钮标题（div#buttonHeader）
   • 垂直和水平固定
2. 主标题（div#mainHeader）
   • 垂直固定，水平滚动
3. 按钮体（div#buttonBody）
   • 垂直滚动，水平固定
4. 主体（div#mainBody）
   • 垂直和水平滚动

问题是在不同浏览器上缩放到不同级别（Chrome上为110％）会导致身体部位呈现歪斜。

有没有办法在不破坏滚动功能的情况下解决这个问题？

Answer 1

有机会在聚会上看你的代码。发现#buttonheader处于浮动状态，但由于明确设置了高度，#mainBody无法清除它。

删除高度后，页面流量按预期工作。我的预感是59px的高度被缩放到110％或64.9px然后被舍入并且与#mainBody的边界框以某种方式相冲突。

道德是......继续关闭DevTools中的样式，直到找到冲突，然后找到一种不同的方式去做它正在解决的问题。