在css中给div定义的宽度是不包含border与padding的,如
<div style="width:100px; height:100px; padding:10px; border:5px solid red;"></div>
这个div虽然宽度给的是100px,但实际上它占用的宽高应该等于:
100px + (5px + 10px) * 2 = 130px
因此经常遇到这种情况
css
#parent {
width: 200px;
height: 300px;
}
#child {
width: 188px;
height: 288px;
border: 1px solid blue;
padding: 5px;
}
...


