盒子模型

2022-11-16 17:12:19 浏览数 (1)

面试鸭前端学习记录

盒模型

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

IE盒模型

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

图片.png图片.png

标准盒模型

width/height = content

imageimage
图片.png图片.png

区别

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

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

IE盒子模型 总宽度 = margin width( width = content padding border)

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

0 人点赞