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

最新推荐文章于 2024-05-02 14:33:05 发布
最新推荐文章于 2024-05-02 14:33:05 发布
阅读量285 收藏
点赞数
分类专栏： IE 文章标签： ie盒子
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangpachong/article/details/103281533
版权

标准盒模型和IE盒模型的区别及转换

标准盒模型是w3c 标准的盒模型，其包含：
盒子占用宽度：margin2 + border2 + padding2 + width
实际宽度： border2 + padding2 + width
IE盒模型，在IE中content的宽度包括padding和border这两个属性，所以
盒子占用宽度：margin2 + width
实际宽度：width = padding + border + 内容宽度

wangpachong
关注
专栏目录
介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？
liuhao9999的博客
03-23 611
（1）有两种盒子模型：IE盒模型（border-box）、W3C标准盒模型（content-box）（2）盒模型：分为内容（content）、填充（padding）、边界（margin）、边框（border）四个部分 IE盒模型和W3C标准盒模型的区别： （1）W3C标准盒模型：属性width，height只包含内容content，不包含border和padding（2）IE盒模型：属性width，height包含content、border和padding，指的是content+padding+bord.
网页里的两种盒子模型(W3C盒子模型、IE盒子模型)
09-22
IE盒子模型，又称怪异盒模型，是Internet Explorer早期版本（尤其是IE5和IE6）采用的模型。在这个模型中，元素的宽度(width)和高度(height)已经包含了内边距和边框，因此在计算总尺寸时，不需要额外加上这些值。这...
IE盒子模型和标准W3C盒子模型
09-27
网页制作Webjx文章简介：盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。 盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。其实
IE8 以下版本的浏览器的盒子模型有什么不一样的地方？
cvper's world !
02-08 2078
盒 子模型：   外边距（margin）    边框（border）      内边距（padding）    内容（content）；在标准的盒子模型中（ie8 以上的版本中），宽度和高度指的是 content部分；但是在ie8以下的版本中，宽度和高度具体指  content  +  padding  +  border 三部分；所以需要注意低版本的ie中盒子模型下的元素的宽高问题；...
<div+css页面布局课堂笔记>3---页面布局的盒子模型（IE与其他浏览器区别）
Fuego801的博客
03-26 536
1.ie与其他浏览器盒子的宽度和高度是不同的： IE的宽高度包括了边框和内嵌边距，而其他浏览器的宽高度为内嵌文本的宽高度。 2.源代码： .box { width:250px !important;  其他浏览器宽高度 width:300px; IE为后边的宽高度，会覆盖前边的宽高度。 height:270px !important; height:300px; bor
IE盒模型和标准盒模型
weixin_30794491的博客
08-30 110
标准盒模型和ie盒模型（怪异盒模型） w3c标准盒模型 width和height不包括padding和border ie盒模型 width和height包含padding和border ie8以上都是w3c标准盒模型 ie5极其以下都是ie盒子模型，ie6、ie7、ie8在混杂模式下ie盒模型，在标准模式下是w3c标准盒模型(注意...
IE对标准的支持不够好导致CSS渲染跟其它浏览器有什么不同
09-25
例如，IE6对于盒模型的理解与其他浏览器有根本的不同，导致在布局上需要特别的处理方法。 在IE中，CSS规则的优先级也可能会受到一些不常见的因素影响。例如，当使用JavaScript动态创建并插入到页面中的内部样式与...
前端面试题 2024
最新发布
2401_84447297的博客
05-02 39
今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。所以看完之后，还是多多行动起来吧！可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)
weixin_30408165的博客
07-12 253
盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型： 　　从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。 　　ie 盒子模型 ...
标准盒模型和IE盒模型
myboke1的博客
12-15 9216
盒模型的组成，由里向外分别是content，padding，border，margin 盒子模型在页面中占的实际宽度是：（margin+padding+border）*2 + width，高度同理。 盒模型有标准盒模型和ie盒模型，二者的区别是 标准盒模型的内容大小就是content的大小，而ie盒模型的大小则是content+padding+border总的大小。 通过设置 box-si...
介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？
qq_28167307的博客
12-11 1977
介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？标准(W3C)盒模型怪异(IE)盒模型 这是一个很基础的前端问题，在考察前端基础功底的时候，特别是在校招的情况下会经常被问到。 标准的盒模型主要有两种：标准(W3C)盒模型，怪异(IE)盒模型 。两者的区别就在于元素宽度计算方式不一样。盒子模型构成：内容(content)、内填充(padding)、 边框(border)、外边距(m...
IE、Firefox、Opera对盒模型解释的比较和浏览器兼容性
weixin_30735745的博客
10-16 158
盒模型是WEB页面排版定位的核心，正是由于不同的浏览器对盒模型的解释不一，造成同样的CSS设计代码在不同的浏览器上有不同的表现。那么差异到底有多大，网上也没有一个直观的具体的数据可供参考，因此才有了这个盒模型比较数据。 既然要比较，必然要有一个标准，所以，在比较开始之前，先来了解一下W3C标准盒模型解释。 W3C标准盒模型 一个标准的盒模型由margin，boder...
标准盒子模型和IE盒子模型
热门推荐
zyuzixiao的专栏
01-24 5万+
盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型： 从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。 　从上图可以看到 IE 盒子模型的范围也
标准盒子模型和IE盒子模型的区别
菜鸟的博客
03-30 3576
标准盒子模型 在标准模型中，如果你给盒设置 width 和 height，实际设置的是 content box。 padding 和 border 再加上设置的宽高一起决定整个盒子的大小。 见下图。 假设定义了 width, height, margin, border, and padding: .box { width: 350px; height: 150px; margin: 25px; padding: 25px; border: 5px solid black; } 如果.
CSS盒模型（Box Model）
weixin_30715523的博客
11-30 237
阅读目录 1. 什么是CSS盒模型 2. IE盒模型和W3C盒模型 3. CSS3属性box-sizing 4. 关于盒模型的使用 在最初接触CSS的时候，对于CSS盒模型的不了解，撞了很多次的南墙呀。盒模型是网页布局的基础，它制定了元素如何在页面中显示，如果足够地掌握，那使用CSS布局那将会容易得多。 1. 什么是CSS盒模型 盒模型，顾名思义...
盒子模型
weixin_42333361的博客
02-26 218
Margin(外边距) - 清除边框外的区域，外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - 清除内容周围的区域，内边距是透明的。 Content(内容) - 盒子的内容，显示文本和图像。 ...
理解盒模型——外边距、内边距和边框之间的关系，IE 8以下版本的浏览器中的盒模型有什么不同。...
weixin_34138521的博客
01-06 443
一个元素盒模型的层次从内到外分别为：内边距、边框和外边距IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框 转载于:https://www.cnblogs.com/wangshichuan/p/4205697.html...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值