当一个元素margin:20px;padding:20px;border:0;求盒子实际大小
时间: 2023-03-19 07:21:29 浏览: 185
盒子尺寸1
当一个元素设置了margin:20px; padding:20px; border:0; 时,求盒子实际大小。
实际上,盒子实际大小由元素的内容宽度、内容高度、padding、border和margin共同决定。
因为该元素的border和padding属性都设置为20px,所以它的内容框实际上比原始大小小了40px(左右各20px,上下各20px)。而元素的margin属性设置为20px,也就是说盒子在外部会占据额外的40px(左右各20px,上下各20px)。
因此,该元素的实际大小应该比其内容框宽40px和高40px,即实际大小为:内容宽度+40px,内容高度+40px。
阅读全文