1. 程式人生 > >百度秋招小測試

百度秋招小測試

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=20

2+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