首页 > 试题广场 >

介绍一下盒模型

[问答题]

介绍一下盒模型

添加回答
拯救世界的光太郎头像 拯救世界的光太郎
盒模型的种类由box-sizing的值来决定，盒模型的种类主要有两种，区别在于定义元素的 width 和 height 所表示的区域有所区别。该属性有三个值：content-box、border-box、inherit。

  • content-box：标准盒子模型，是默认值。它的 width 组成仅仅只有 content 区域（不包括padding区域和border区域）。盒子的 width ，大小是等于 content 的宽度。




  • border-box： border-box 也叫 IE 盒子模型，它的 width 组成由 content 区域、padding 区域、border 区域。盒子的 width 有差异，IE 的 width = content + 其两侧的 padding + 两侧的 border，也就是除去外边距的部分。

  • inherit：inherit 表示 box-sizing 的值应该从父元素继承。
编辑于 2021-04-11 11:46:22 回复(0)
火柴哥头像 火柴哥
<p>盒模型的组成有：padding，margin，border，content组成</p><p>标准盒模型：其宽度组成是由content组成</p><p>IE盒模型：其宽度是由padding，content，border组成</p><p>这两个盒模型的主要区别是元素宽度的不同</p>
发表于 2020-05-26 17:39:56 回复(0)
提交观点

问题信息

上传者：小小
难度：
2条回答 701浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号