IE-什么是盒模型？

最新推荐文章于 2024-07-20 22:27:34 发布
最新推荐文章于 2024-07-20 22:27:34 发布
阅读量2.7k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56232007/article/details/115078118
版权

IE盒模型

IE盒模型又叫怪异盒模型。在IE8以上以及其他的浏览器中使用的盒模型都是标准盒模型，但是IE低版本使用的是IE盒模型。

IE盒模型与标准盒模型的区别

IE盒模型设置的宽为：整个盒子所占有的宽度。（内容的宽+左右padding+左右border）

标准盒模型设置的宽：内容区域的宽。

设置IE盒模型的方法

box-sizing: border-box；
下雪不过冬天
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
网页里的两种盒子模型(W3C盒子模型、IE盒子模型)
09-22
IE盒子模型，又称怪异盒模型，是Internet Explorer早期版本（尤其是IE5和IE6）采用的模型。在这个模型中，元素的宽度(width)和高度(height)已经包含了内边距和边框，因此在计算总尺寸时，不需要额外加上这些值。这...
CSS盒子模型是什么
09-24
CSS盒子模型有两种主要类型：标准盒子模型和IE盒子模型。在标准盒子模型中，内容区域的宽度和高度不包括内填充和边框，而在IE盒子模型中，内容区域的大小包括了内填充和边框。为了避免浏览器兼容性问题，通常推荐...
IE盒模型和标准盒模型
weixin_57153112的博客
07-21 2587
IE盒模型和标准盒模型
【CSS】标准盒模型和IE盒模型（box-sizing:border-box）
y_coder的博客
05-22 2236
换句话说，边框和内边距的尺寸会从元素的内容区域中减去，使得内容区域的尺寸保持不变。例如，如果一个元素的宽度设置为200px，内边距设置为10px，边框设置为5px，那么元素的内容区域的宽度将为200px - 2 * 10px - 2 * 5px = 170px。content-box 是 CSS 盒子模型的默认值，因此在不指定盒子模型属性时，浏览器会默认使用 content-box 来计算盒子的宽度和高度。在Web开发中，每个元素都被视为一个矩形的盒子，由内容区域、内边距、边框和外边距组成。
理解标准盒模型与IE（替代）盒模型的区别
你若盛开，清风自来
06-22 901
本文将介绍CSS中的标准盒模型和IE（替代）盒模型的概念及区别，帮助开发者更好地理解和应用这些概念，从而提高网页设计的准确性。本文介绍了CSS中的标准盒模型和IE（替代）盒模型的概念及区别。理解这两种盒模型的区别对于开发者来说至关重要，可以帮助他们更好地设计和布局网页。
标准盒模型和ie盒模型
链珠的博客
11-29 3332
当对一个文档进行布局时，浏览器会对css 基础框盒模型，将所有元素表示为一个个的矩形盒子。 一个盒子由content、padding、 border、margin组成。 <style> .box { width: 200px; height: 100px; padding: 20px; background: pink; } </style> .
【基础类】—CSS盒模型的全面认识
m0_37616866的博客
08-04 820
全面理解盒模型以及BFC
盒子模型（标准盒子模型与IE盒子模型）
qq_40818233的博客
08-01 1421
做前端的都知道，盒子模型是我们前端开发网页必须要用的布局方法，当然了，盒子模型只是一个统称，那么下面我们就来具体说下盒子模型的种类有哪些。 盒子模型主要分为三大类：标准盒子模型，IE盒子模型，弹性盒子 这篇文章当中主要讲一下标准盒子模型以及IE盒子模型 一、标准盒子模型 在W3C标准下，盒子模型从外到里分别为magin（外边距）、border（边框）、padding（内边距）、conten...
IE盒子模型和标准W3C盒子模型
12-09
主要有两种盒子模型：**IE盒子模型**和**标准W3C盒子模型**。 **标准W3C盒子模型**遵循Web标准，它将每个HTML元素视为一个矩形盒子，包括四个部分：**内容(content)**、**内边距(padding)**、**边框(border)**和**...
IE6盒子模型没问题 详测双倍边距
09-25
在网页开发中，IE6（Internet Explorer 6）浏览器的盒子模型（Box Model）是一个重要的概念，它涉及到元素宽度、高度、内填充（padding）和边框（border）的计算方式。在W3C标准中，一个元素的总宽度等于其内容宽度...
IE盒模型和标准盒模型的区别
qq_46617584的博客
05-17 2245
在以前IE5.5以及更早的IE浏览用的不是标准盒模型，我们称之为IE盒模型。 先说重要的区别：两者的区别在于content的不同， IE盒模型：width=content+border+padding 标准盒模型：width=content box-sizing:border-box || content-box || inherit 当使用content-box时：页面将采用标准模式来解析计算，content-box也是默认模式 当使用border-box时，页面将采用怪异模式解
IE盒模型
weixin_43786904的博客
05-30 1293
IE盒模型（怪异盒模型） 组成部分：content+border+padding+margin 实际宽度：width+margin width包含border和padding box-sizing：content-box； 标准盒模型（默认值） box-sizing：border-box； IE盒模型 ...
CSS两种盒模型(标准盒模型&IE盒模型)
Kar29的博客
09-13 7009
CSS盒模型本质是一个盒子，由边距、边框、填充和实际内容组成。 CSS盒模型分为两种：标准盒模型、IE盒模型（也成为怪异盒模型）。 两种盒模型的区别在于他们的总宽度的计算公式不一样。 在文档首部加了 <!Doctype html>声明，即使用标准盒模型，若不加，则会由浏览器自己决定。 标准盒模型 width = 内容（content）的宽度 height = 内容（content）的高度 总宽度：width + margin（左右） + padding（左右） + border
CSS 选择器，一篇就够了
weixin_34192993的博客
02-27 145
摘自 MDN web docs 简介 选择器是 CSS 规则的一部分且位于 CSS 声明块前。 选择器可以被分为以下类别： 简单选择器（Simple selectors）：通过元素类型、class 或 id 匹配一个或多个元素。 属性选择器（Attribute selectors）：通过 属性 / 属性值 匹配一个或多个元素。 ...
再学css
我的博客简介
01-29 1241
盒模型 有两种， IE盒子模型、W3C盒子模型； 盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border)； 区 别： IE的content部分把 border 和 padding计算了进去; 标准盒子模型的模型图 从上图可以看到： 盒子总宽度 = width + padding + border + margin; 盒子总高度 =
标准盒模型和IE盒模型的区别及转换
qq_38233172的博客
06-06 2711
标准盒模型是w3c 标准的盒模型，其包含： 盒子占用宽度：margin2 + border2 + padding2 + width 实际宽度： border2 + padding2 + width IE盒模型，在IE中content的宽度包括padding和border这两个属性，所以 盒子占用宽度：margin2 + width 实际宽度：width = padding + border +...
CSS3 中的盒模型：标准与IE盒模型的差异
你若盛开，清风自来
03-23 1583
本文将介绍CSS3中盒模型的概念，以及标准盒模型与IE盒模型的区别，帮助您了解如何在不同的浏览器中实现一致的布局。🎉 在CSS3中，盒模型是布局的基础。了解标准盒模型和IE盒模型的区别，并掌握如何通过设置box-sizing属性来控制盒模型的行为，可以帮助我们在不同的浏览器中实现一致的布局。
web两种盒子模型详解
最新发布
Yoahcc的博客
07-20 916
前端两种 盒子模型 深入学习
介绍一下标准的css的盒子模型？与低版本ie的盒子模型有什么不同的？
06-28
CSS的盒子模型是指，页面上的每个元素都看作一个矩形的盒子，该盒子有四个边框（border）、内边距（padding）、外边距（margin）和内容区域（content）。在最新的CSS3标准中，又增加了一些盒子模型的新属性，例如box...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值