盒子模型

面试鸭前端学习记录

盒模型

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

IE盒模型

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

image

标准盒模型

width/height = content

image

区别

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

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

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

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

posted @ 2022-10-08 10:00  leepandar  阅读(79)  评论(0编辑  收藏  举报