div的宽度百分比是相当于父级而定的,假如父级div宽度是100px,那么子级设定200%就会是200px;
例:
如果父级设置了左右方向的padding内边距的话,父级宽度设置100px的,那么子级设置百分比的宽度也还是200px,但是从视觉上去看子级会短一些,其实只是父级显示的宽度大了而已,
例:
这里你就需要了解padding属性的特性,加了padding的div的显示宽度是div所设置宽度+padding左右值的和;假如div设置了宽度为100px,然后又设置了padding:0 30px;那么div显示的宽度将为160px;