div设置width为200%,为什么实际宽度会少一点

2025-03-01 08:28:49
推荐回答(1个)
回答1:

div的宽度百分比是相当于父级而定的,假如父级div宽度是100px,那么子级设定200%就会是200px;
例:




如果父级设置了左右方向的padding内边距的话,父级宽度设置100px的,那么子级设置百分比的宽度也还是200px,但是从视觉上去看子级会短一些,其实只是父级显示的宽度大了而已,
例:



这里你就需要了解padding属性的特性,加了padding的div的显示宽度是div所设置宽度+padding左右值的和;假如div设置了宽度为100px,然后又设置了padding:0 30px;那么div显示的宽度将为160px;