百度秋招小测试

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占用高：margin2+height=90
盒子的实际宽度大小为:width = 200
实际高度：height = 50