设置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 这样子会出现滚动条的, 因为你加了边框