鍍金池/ 問(wèn)答/HTML/ 設(shè)置overflow屬性時(shí)沒(méi)超出也出現(xiàn)滾動(dòng)條

設(shè)置overflow屬性時(shí)沒(méi)超出也出現(xiàn)滾動(dòng)條

問(wèn)題描述

在父DIV設(shè)置overflow:auto屬性時(shí),子節(jié)點(diǎn)svg的寬高都是一樣的 沒(méi)超出也出現(xiàn)了滾動(dòng)條

問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法

設(shè)置過(guò)margin padding為0 并且有效果

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方(請(qǐng)勿用圖片代替代碼)

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就是父級(jí)DIV 下面那個(gè)就是子集節(jié)點(diǎn)

你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?

我希望在兩個(gè)元素寬高一樣的的情況下不出滾動(dòng)條,內(nèi)部SVG的寬或者高大于DIV的情況下才出現(xiàn)滾動(dòng)條
現(xiàn)在情況就是出現(xiàn)滾動(dòng)條

回答
編輯回答
清夢(mèng)

是否父容器給了 box-sizing: border-box 這樣子會(huì)出現(xiàn)滾動(dòng)條的, 因?yàn)槟慵恿诉吙?/p>

2018年9月16日 16:24