那既然既定了盒子大小,为什么设置填充10px后,盒子又变大了?
div的width:100px height:100px仅仅是内容的大小,而非盒子整体,
在 CSS 中,width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。http://www.w3school.com.cn/css/css_boxmodel.asp
已解决。感谢各位。
好像明白了,因为不设置padding的时。padding默认为0.
设置padding为10px后。原来的宽度就要加上padding了。
是这样吗?
盒子模型中宽的定义:宽度定义是width+padding+border
因为盒子整体的大小=margin+padding+border+context
是内容加内边距加边框 就是你看到的。 填充就是内边距,内边距加10px 你说能不变大吗?
因为盒子整体=边距+边框+内容+填充