盒子模型
面试鸭前端学习记录
盒模型
- 盒模型组成:由里向外content,padding,border,margin.
- 盒模型是有两种标准的,一个是标准模型,一个是IE模型。
IE盒模型
Width/height = content (给标签设置的宽高)+ border + padding;
标准盒模型
width/height = content
区别
无论是标准盒子模型还是IE盒子模型,总宽度都是一样的
标准盒子模型 总宽度= margin + padding + border + width
IE盒子模型 总宽度 = margin + width( width = content + padding + border)
区别是IE盒子模型的width包含了padding和border