IE盒子模型和W3C盒子模型

最新推荐文章于 2023-05-11 14:26:21 发布
最新推荐文章于 2023-05-11 14:26:21 发布
阅读量89 收藏
点赞数
文章标签： xhtml
原文链接：http://www.cnblogs.com/5-clay/p/10565414.html
版权

IE盒模型出现在ie5.5以下的版本当中，ie6以上就实行W3C盒模型。

box-sizing有两个属性，border-box和content-box. border-box对应传统的盒子模型，即ie盒模型，盒子的宽高度会把border和padding的算进去。而content-box对应的是标准的盒模型，即W3C盒模型，盒子宽度不包含border和padding.

这个属性可以用来设置采用哪种盒子模型。

除此属性之外，还可以在网页中申明<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">来采用W3C盒子模型，不管浏览器是什么。

转载于:https://www.cnblogs.com/5-clay/p/10565414.html

weixin_30838873
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IE盒子模型和标准W3C盒子模型
09-27
在Web开发中，有两种主要的盒子模型：IE盒子模型和标准W3C盒子模型，这两种模型对于元素尺寸的计算方式有所不同，因此对页面布局有着深远的影响。 **标准W3C盒子模型**遵循W3C规范，它将每个HTML元素视为一个矩形...
网页里的两种盒子模型(W3C盒子模型、IE盒子模型)
09-22
网页设计中的两种主要盒子模型，即W3C盒子模型和IE盒子模型，是理解CSS布局的关键因素。这两种模型在计算元素的实际尺寸时有着显著的区别，从而影响到元素在页面上的表现。 1. W3C盒子模型（标准模型） W3C盒子模型...
w3c盒模型
qqlqsl的博客
12-23 398
1.标准合模型 box-sizing：content-box 实际宽度 =width+padding+border 实际高度 =height+padding+border 2.IE合模型 box-sizing：border-box 实际宽度 =width（padding+border） 实际高度 =height（padding+border）
盒子模型（W3C IE）
qq_56392992的博客
08-26 752
盒子模型 border-sizing的属性值 box-sizing:content-box; box-sizing:border-box; box-sizing:inherit; W3C盒模型 兼容性：大多数浏览器，如Firefox、IE6及以上版本都采用了W3C规范，符合CSS规范的盒子模型的总宽度。 css样式： box-sizing:content-box;（主流浏览器默认此样式） 盒子的宽高=盒子内容的宽高+边框+内边距 设置padding和border会撑开盒子，使盒子比原本的宽高更大。 由 C
盒子模型（W3C盒子和IE盒子）
苦涩精灵的博客
11-17 344
盒子模型（W3C盒子和IE盒子） 盒子模型封装周围的 HTML 元素，包括:margin，border，padding和实际内容。 两种盒子： border-box IE盒子模型 、content-box W3C盒子/标准盒子(默认样式) 盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border)； 区 别: IE的 width = border + padding + content（即：宽度固定，增加border或padding会向内挤压conte
盒模型（IE，W3C）
赵乘风_i
02-29 382
W3C盒模型 IE盒模型 从上图可以看到 ie 盒子模型的范围也包括 margin、border、padding、content，和标准 w3c 盒子模型不同的是： ie 盒子模型的 content 部分包含了 border 和 pading。 两者的不同体现在width和height上 IE：width=content+padding+border W3...
IE盒子模型和标准W3C盒子模型_资料收集
01-04
IE盒子模型和标准W3C盒子模型.盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。
IE6盒子模型没问题 详测双倍边距
09-25
然而，IE6在某些情况下采用了不同的盒子模型，这导致了与遵循W3C标准的其他浏览器（如Firefox）的显示差异。 首先，我们来看IE6在标准模式下的盒子模型。当声明文档类型（DOCTYPE）为XHTML 1.0 Transitional或更...
【html】 W3C盒模型和怪异盒模型
Code for fun !!! 【博客主要为本人服务】
06-03 310
啥是W3C盒模型？啥是怪异盒模型？
标准盒模型（w3c标准）和 怪异盒模型（IE标准）
z980498059的博客
12-01 3671
盒模型的理解
盒模型（Boxmodel）
羊羊羊羊羊羊羊的博客
01-14 2188
盒模型 知识点 理解W3C标准盒模型 理解并掌握盒模型相关属性的使用方法 了解CSS盒模型的浏览器兼容性 掌握浮动布局的设计与使用方法 掌握各种页面元素的定位方法 掌握CSS3新增的相关属性的使用方法及兼容性 一、W3C标准盒模型 1、什么是盒模型 盒模型是使用css对网页元素进行控制时的一个概念，浏览器把网页中的每一个元素都看作一个盒模型，每个盒模型都由以下几...
标准W3C盒子模型和IE盒子模型(错了无数次)
jingtian678的博客
08-21 2164
CSS盒子模型：网页设计中CSS技术所使用的一种思维模型。 CSS盒子模型组成：外边距（margin）、边框（border）、内边距（padding）、内容（content）。 CSS盒子模型分为：标准W3C盒子模型，IE盒子模型，注意在两种模型中宽（width）和高（height）包括属性的不同。 标准W3C盒子模型： W3C模型中： 　　　　　　CSS中的
css中的盒子模型
L_csdn123的博客
02-15 1285
css中的盒子模型
css-盒模型
Sink
05-11 646
盒子模型的构成有：内容(content)，内填充(padding),边框(border)，外边距(margin)ie8以下的浏览器的版本，未声明DOCTYPE,内容宽高会包含内填充和边框，成为怪异盒子模型标准W3C盒模型：元素宽度=width+padding+border+margin怪异盒子模型：元素宽度：width+margin标准的浏览器可以通过设置css3的box-sizing:border-box属性，触发“怪异模式”解析计算宽高.
IE盒模型和W3C盒模型有什么不同？
lzfengquan的博客
07-09 132
IE盒模型： margin 、 content（包含border、padding） W3C盒模型： margin 、border、 padding、 content CSS3中的box-sizing的属性就是为了这两种模式，border-box（IE盒明星）和content-box（W3C）
盒模型（标准盒模型、怪异盒模型）
ChristianCheng的博客
08-20 1565
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。
【每日十分钟前端】基础篇9，label作用与使用、IE盒模型和W3C盒模型、new的原理
u013035708的博客
03-04 715
1、label 有什么作用？如何使用？ 2、IE 盒模型和 W3C 盒模型有什么区别? 3、new 的原理是什么？通过 new 的方式创建对象和通过字面量创建有什么区别？
IE 盒子模型、W3C 盒子模型
最新发布
10-25
盒子模型有两种，分别是IE盒子模型和标准W3C盒子模型。两者的区别在于IE盒子模型的content部分包含了padding和border，而W3C盒子模型的content部分不包含padding和border。具体来说，盒子模型包括内容(content)、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值