设置overflow属性时没超出也出现滚动条

Question

在父DIV设置overflow:auto属性时,子节点svg的宽高都是一样的 没超出也出现了滚动条

问题出现的环境背景及自己尝试过哪些方法

设置过margin padding为0 并且有效果

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

d1{

            width: 800px; height: 600px;            border: 1px solid black;            overflow: auto;            margin: 0;padding: 0;
        }        
        #svgcontent{            width: 800px;height: 600px;            background: url(D:/doc/images/cat1.jpg);            background-repeat:no-repeat;            background-size: cover;
        }

D1就是父级DIV 下面那个就是子集节点

你期待的结果是什么？实际看到的错误信息又是什么？

我希望在两个元素宽高一样的的情况下不出滚动条,内部SVG的宽或者高大于DIV的情况下才出现滚动条
现在情况就是出现滚动条

Answer 1

是否父容器给了 box-sizing: border-box 这样子会出现滚动条的, 因为你加了边框