[css] 说说你对低版本IE的盒子模型的理解

最新推荐文章于 2022-06-07 09:48:32 发布
最新推荐文章于 2022-06-07 09:48:32 发布
阅读量474 收藏
点赞数 24
分类专栏： # 前端面试题css目录汇总
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43392489/article/details/113807609
版权

[css] 说说你对低版本IE的盒子模型的理解

一个CSS盒子由四部分组成，由内到外依次是：content、padding、border、margin。

所谓盒子模型定义的是盒子宽高的计算方法，IE盒子模型的宽高为content、padding、border之和。而W3C盒子的宽高仅为content。从页面布局来说前者实际上更实用一点，这也是后来W3C提供box-sizing属性用于切换盒子模型的原因。

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？
liuhao9999的博客
03-23 671
（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.
【前端知识之CSS】对盒子模型的理解
weixin_44337386的博客
05-10 4057
本系列主要整理前端面试中需要掌握的知识点。本节介绍对盒子模型的理解。
IE盒子模型和标准W3C盒子模型
12-09
盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。 盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟悉的标准盒子模型： 从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。 IE 盒子模型 从上图可以看到 IE 盒子模型的范围也包括 margin、border、padding、conte
标准的盒子模型，与低版本IE的盒子模型有什么区别
zhzijun的博客
09-09 478
（1）有两种， IE 盒子模型、W3C 盒子模型； （2）盒模型： 内容(content)、填充(padding)、边界(margin)、 边框 (border)； （3）区 别： 标准的CSS盒子模型和低端IE CSS盒子模型不同：宽高不一样 标准的css盒子模型宽高就是内容区宽高； 低端IE的content部分把 border 和 padding计算了进去; ...
介绍一下标准的css盒子模型？低版本的IE的盒子模型有什么不同的？
weixin_42632642的博客
10-29 360
1、有两种盒子模型：IE盒子模型（border-box）和W3C标准盒模型（content-box）。 盒模型组成：内容（content）、填充（padding），边框（border），边界（margin）四个部分。 IE盒模型和W3盒模型的区别： （1）IE盒模型的width包含：content+border+padding （2）W3C盒模型的width只包含：content 在ie8+已上的浏览器的浏览器默认是标准盒模型，可以通过css3 的新特性box-sizing改变其属性。 如果在i
介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？
LuckXinXin的博客
01-29 200
有两种， IE盒子模型、W3C盒子模型； 盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border)； 区 别： IE的content部分把 border 和 padding计算了进去; 盒子模型构成：内容(content)、内填充(padding)、 边框(border)、外边距(margin) IE8及其以下版本浏览器，未声明 DOCTYPE，内容宽高会包含内填充和边框，称为怪异盒模型(IE盒模型) 标准(W3C)盒模型：元素宽度 = width + p.
标准的css盒模型，低版本ie盒模型有什么不同？自己总结的
weixin_45052104的博客
07-19 417
（1）盒模型有两种， IE 盒子模型、W3C 盒子模型； （2）盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border)； （3）区 别： IE的width部分把 border 和 padding计算了进去; ...
CSS 理解盒子模型
09-25
但在IE6及更早版本中，使用了旧的盒模型（也称为IE盒模型），`width`和`height`会包括内容、内边距和边框。为了避免兼容性问题，可以使用`box-sizing`属性来指定盒模型的行为，如`box-sizing: border-box;`会让元素...
网页里的两种盒子模型(W3C盒子模型、IE盒子模型)
09-22
网页设计中的两种主要盒子模型，即W3C盒子模型和IE盒子模型，是理解CSS布局的关键因素。这两种模型在计算元素的实际尺寸时有着显著的区别，从而影响到元素在页面上的表现。 1. W3C盒子模型（标准模型） W3C盒子模型...
css盒子模型图解
09-25
本文将详细介绍CSS盒子模型的基本概念、组成部分及其两种不同的表现形式：标准W3C盒子模型与IE盒子模型。 #### 二、CSS盒子模型概述 CSS盒子模型是基于矩形的概念来描述页面元素布局的。每个HTML元素都可以被视为...
盒子模型的理解---IE怪异盒子模型----面试题学习（一）
henu_GM的博客
02-28 495
盒子模型是什么？ 当对一个页面进行layout的时候，浏览器的渲染引擎会根据CSS基础框盒模型，将所有元素表示为一个个矩形的盒子。 一个盒子模型由四个部分组成： 1、content：实际内容，显示文本和图像 2、padding：内边距，清除内容周围的区域，内边距是透明的，取值不能为负，受盒子的background属性影响。 3、border：边框，围绕元素内容的内边距的一条线或者多条线，由粗细、样式、颜色三部分组成 4、margin：外边距，在元素外为整体创造空白...
标准盒子模型和IE低版本盒子模型的介绍及区别
Marshmello_black的博客
06-07 264
css标准盒子模型和IE低版本盒子模型（怪异盒子模型）的区别
css中盒子模型的理解
初漾的博客
05-23 368
参考http://blog.csdn.net/lxcao/article/details/52620453
盒子模型的理解
weixin_30848775的博客
08-30 79
盒子模型分为ie盒子模型与w3c盒子模型： 为了更好的理解贴图展示： 　　用css中的样式理解就是： 　　IE盒子模型就是：box-size：border-box； 　　标准盒子模型就是：box-size：content-box； ie盒子模型： 标准盒子模型： 那应该选择哪中盒子模型呢？当然是“标准 w3c 盒子模型”了。怎么样才算是选择了“标...
CSS的W3C标准的盒子模型和低版本IE浏览器的盒子模型
weixin_30537391的博客
09-19 117
CSS中盒子模型的组成由内容区（content）、内边距（padding）、边框（border）、外边距（margin）组成。内边距可细分为 padding-top、padding-right、padding-bottom、padding-left；边框可细分为 border-top、border-right、border-bottom、border-left；外边距可细分为 margin-top...
IE-什么是盒模型？
m0_56232007的博客
06-10 2905
IE盒模型 IE盒模型又叫怪异盒模型。在IE8以上以及其他的浏览器中使用的盒模型都是标准盒模型，但是IE低版本使用的是IE盒模型。 IE盒模型与标准盒模型的区别 IE盒模型设置的宽为：整个盒子所占有的宽度。（内容的宽+左右padding+左右border） 标准盒模型设置的宽：内容区域的宽。 设置IE盒模型的方法 box-sizing: border-box； ...
理解CSS盒子模型：维度、填充与边距
"理解CSS盒子模型对于前端开发至关重要。盒子模型定义了网页元素的布局方式，包括内容(content)、内边距(padding)、边框(border)和外边距(margin)四个部分。它决定了元素的实际占据空间，从而影响网页的整体布局。" ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端小歌谣

放弃很容易 但是坚持一定很酷

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值