盒子模型

面试鸭前端学习记录

盒模型

  • 盒模型组成：由里向外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

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容