面試鴨前端學(xué)習(xí)記錄
盒模型
- 盒模型組成:由里向外content,padding,border,margin.
- 盒模型是有兩種標(biāo)準(zhǔn)的,一個(gè)是標(biāo)準(zhǔn)模型烛芬,一個(gè)是IE模型隧期。
IE盒模型
Width/height = content (給標(biāo)簽設(shè)置的寬高)+ border + padding;
標(biāo)準(zhǔn)盒模型
width/height = content
區(qū)別
無論是標(biāo)準(zhǔn)盒子模型還是IE盒子模型,總寬度都是一樣的
標(biāo)準(zhǔn)盒子模型 總寬度= margin + padding + border + width
IE盒子模型 總寬度 = margin + width( width = content + padding + border)
區(qū)別是IE盒子模型的width包含了padding和border