在下面的代码片段中，添加 svg 元素会导致出现垂直滚动条。删除 svg 就会删除滚动条。我想了解为什么会发生这种情况，以及是否有一个不可怕的解决方案（例如宽度：99％；高度：98％解决它，但这是一个令人厌恶的解决方案）。
我无法真正删除上面的 DIV 样式，因为其他 html 结构也位于这些容器中，需要它们在那里。
.menuquery {
border: 1px solid #ccc;
overflow: auto;
box-sizing: border-box;
}
.xainnersubformdefault {
/* allows the svg to autosize */
width: 100%;
height: 100%;
}
.xadatabox {
height: 100%;
/* essential for jtable to scroll and not leak */
}
.datachart {
width: 100%;
height: 100%;
/* position:relative; */
/* to make an svg fill its container, this is required, see stackoverflow 9566792 */
}
svg {
width: 100%;
height: …