盒子模型

面试鸭前端学习记录

盒模型

• 盒模型组成：由里向外content,padding,border,margin.
• 盒模型是有两种标准的，一个是标准模型，一个是IE模型。

IE盒模型

Width/height = content (给标签设置的宽高)+ border + padding;

图片.png

标准盒模型

width/height = content

image

图片.png

区别

无论是标准盒子模型还是IE盒子模型，总宽度都是一样的

标准盒子模型 总宽度= margin + padding + border + width

IE盒子模型 总宽度 = margin + width（ width = content + padding + border）

区别是IE盒子模型的width包含了padding和border