首页 > 试题广场 >

IE 8以下版本的浏览器中的盒模型有什么不同

[问答题]
IE 8以下版本的浏览器中的盒模型有什么不同
添加回答
太阳煮的酒头像 太阳煮的酒

ie8以下的盒模型定义元素的宽高包括padding和border

css3中的box-sizing取值：

border-box：任何元素的内边距和边框在已设定的宽高内绘制

content-box：任何元素的内边距和边框在已设定的宽高外绘制

编辑于 2019-06-07 09:46:16 回复(0)
zhufree头像 zhufree

根据 W3C 的规范，元素内容占据的空间是由 width 属性设置的，而内容周围的 padding 和 border 值是另外计算的，即width和height只包括content而不包括padding和border。IE5.X 和 6 在怪异模式（Quirks ）中使用自己的非标准模型。这些浏览器的 width 属性不是内容的宽度，而是内容、内边距和边框的宽度的总和。 
css3中定义了box-sizing属性：

  • content-box 
    这是由 CSS2.1 规定的宽度高度行为。 
    宽度和高度分别应用到元素的内容框。 
    在宽度和高度之外绘制元素的内边距和边框。
  • border-box 
    为元素设定的宽度和高度决定了元素的边框盒。 
    就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。 
    通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
发表于 2016-03-22 16:37:59 回复(0)
abao呢头像 abao呢
IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框
发表于 2015-07-27 14:17:13 回复(4)
牛客好运好运🙏头像 牛客好运好运🙏
<p>Ie8以下的浏览器的盒模型定义的宽高包括padding 和border </p>
发表于 2020-10-24 12:57:42 回复(0)
伯爵213头像 伯爵213
<p>怪异盒模型 盒子的内容 包括 content padding border margin</p>
发表于 2020-09-11 16:32:20 回复(0)
coding侠_头像 coding侠_
<p>ie8以下，标准盒子模型width包括padding border</p>
发表于 2020-08-19 08:25:56 回复(0)
牛客318475015号头像 牛客318475015号
<p>在IE6 7 8中如果没有声明文档则会呈现怪异模式 有声明的是标准模式</p>
发表于 2020-07-14 10:41:37 回复(0)
牛客7498219号头像 牛客7498219号

这一模型分两种ie和模型和标准和模型，标准和模型元素所占区域为宽高加内外边距，ie和模型元素所占区域为元素宽高加外边录，内标录被包含在元素本身的宽高里面，ie8以下浏览器用的是ie标准的和模型


编辑于 2020-03-30 16:52:09 回复(0)
酱油炒饭头像 酱油炒饭

宽包括内边距和边框


发表于 2020-02-25 00:00:58 回复(0)
雪狸头像 雪狸
ie低于版本8的浏览器的盒子模型中的width包括内边距和边框
发表于 2015-11-10 18:04:36 回复(0)
坏小孩。。爱糖糖头像 坏小孩。。爱糖糖
WIETH 包含padding border
发表于 2015-09-26 12:57:50 回复(0)
提交观点

问题信息

HTML
上传者：abao呢
难度：
11条回答 14166浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

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