百度秋招小测试

1、标准盒模型和ie盒模型的区别
标准盒模型是包括margin padding border content 而content不包含border、padding
ie盒模型也包括margin padding border content 而content包含border、padding
实例:margin:20px,border:10px,padding:10px;width:200px;height:50px;
标准盒模型占用宽:margin2+padding2+border2+width=202+102+102+200 = 280
标准盒模型占用高:margin2+padding2+border2+height=202+102+102+50 = 130
盒子的实际宽度大小为:padding2+border2+width = 240
实际高度:padding2+border2+height = 90

ie占用宽:margin2+width=240
ie占用高:margin
2+height=90
盒子的实际宽度大小为:width = 200
实际高度:height = 50

猜你喜欢

转载自blog.csdn.net/qq_39039128/article/details/82710806