盒子模型

面试鸭前端学习记录

盒模型

  • 盒模型组成：由里向外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 @   leepandar  阅读(83)  评论(0)  编辑  收藏  举报
相关博文：
· SpringIOC容器设计
· 面向对象的7种设计原则(2)-接口隔离原则
· 对盒模型的理解
· css盒子模型： 标准盒子模型和IE盒子模型（怪异盒子模型）
· 2种盒子模型
阅读排行：
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示