关于IE6盒模型的想法

最新推荐文章于 2021-03-04 23:08:07 发布
最新推荐文章于 2021-03-04 23:08:07 发布
阅读量574 收藏
点赞数
分类专栏： web 前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aspwzmuma/article/details/9283681
版权

以前一直埋怨IE6的盒模型算法不科学，不如w3c，现在才发现自己错啦，IE6的宽度一旦拟定，任何方式都改变他的宽度，除非在开始的时候定义w3c模式 例如

<!DOCTYPE html> 开始在w3c模式下，其实对待w3c来说，他们已认识到自己的错误啦，开始在css3中加入box-sizing;有两个选项， 让其自由选择哪种模式 一个是 content-box 

w3c模式 一个是IE模式 border-box，现在才知道IE6有些地方也是走在时代的炕沿上--时代在炕上躺着

侠客行
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css 标准盒子模型和ie盒子模型的区别和各自的特点
qq_37016928的博客
03-08 1万+
一、css 标准盒子模型css盒子模型 又称为框模型（Box Model），包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如下图：。图中的内层是content依次是padding border margin。通常我们设置背景时就是内容、内边距、边框这三部分。而外边距是透明的，不会遮挡其他元素。元素框的总宽度=width+paddi...
IE6盒子模型
VooleBoy的专栏
09-08 231
盒子模型（Box Model）是 CSS 的核心，现代 Web 布局设计简单说就是一堆盒子的排列与嵌套，掌握了盒子模型与它们的摆放控制，会发现再复杂的页面也不过如此，然而，任何美好的事物都有缺憾，盒子模型有两 种不同的诠释，一种来自 IE6，一种来自 W3C 标准浏览器。 盒子模型 下图就是一个典型的盒子模型示意图 在内容区外面，依次围绕着 padding 区，border...
[转载] IE6很邪恶，但我爱它的盒子模型
hellonickco的专栏
06-12 176
IE6很邪恶，但我爱它的盒子模型 matrix 发表于 2010年6月12日 11时12分 星期六 Printer-friendly Email story 来自中国盒部门 Internet Explorer 锐商企业CMS 写道 "盒子模型（Box Model）是 CSS 的核心，现代 Web 布局设计简单说就是一堆盒子的排列与嵌套，掌握了盒子模型与它们的摆放控制，会发现再复...
IE6混杂模式盒模型
zyz00000000的博客
10-02 632
1. w3c标准中的盒模型：border + padding + content 其中在设置的width 和 height 是content内容区的宽和高； box-sizing：content-box；盒子的宽高大小是到内容区 2. IE6混杂模式的盒模型：width和height是指：border+padding+content box-sizing：border-box；盒子的宽高大...
重学盒子模型（w3c的标准盒模型与ie6以下的盒子模型 ）
lyx9904的博客
03-04 186
盒模型有很多种，比如inline，inline-block，block，table等等。 而盒模型由display，内距，外距，宽高，边框，position，float决定 在css3中引入了盒模型属性box-sizing，共有三个属性值 content-box:翻译过来就是内容盒，我理解为在这个属性下我设置的宽高都是只指内容（即元素）的大小，该盒子真正的大小还要加上内距，边框。（加起来是内盒）， 内容盒，也是w3c的标准盒子 所以当宽高不变，给该盒子设置内距（padding）外距（margin）会撑大盒子
标准盒子模型和IE盒子模型
热门推荐
zyuzixiao的专栏
01-24 5万+
盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型： 从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。 　从上图可以看到 IE 盒子模型的范围也
IE盒子模型和标准W3C盒子模型
12-09
其实盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。 盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。他们对盒子模型的解释...
IE6盒子模型没问题 详测双倍边距
09-25
前两天看的《IE6 很邪恶，但我爱它的盒子模型》，我说盒子模型如何如何，面试官告诉我IE5的盒子模型有问题，不是IE6。
网页里的两种盒子模型(W3C盒子模型、IE盒子模型)
09-22
网页里有两种盒子模型标准一是W3C盒子模型；二是IE盒子模型（IE浏览器默认的模型）下面就用公式来区分这两种不同的盒子模型
那些盒模型在IE6中的BUG们，工程狮的你可曾遇到过？
懂点君
05-28 566
随着HTML5技术的快速发展，IE6逐渐的退出了历史的舞台。回想过往，人们在XP系统上，使用着IE6浏 览器，前端工程师们痛恨着IE6的存在，满怀期待的希望IE6的市场占有率能有所下降。在过往的今天，前 端工程师终于梦想成真的。小编总结罗列了一下IE6的问题，跟大家分享一下。
从所谓“IE6盒子模型”说起
dgk62408的博客
08-10 146
起因[TOP] 事情要从6月份锐商企业发的那篇《IE6 很邪恶，但我爱它的盒子模型》[1]说起，这篇文章已经被转了又转（Google的搜索结果相当多，百度倒是挺“干净”的），此文对于盒模型是这么描述的： “可以看出，IE6 盒子模型中，盒子的尺寸包含了 内容区，padding， border 和 margin 这四个部分，而 W3C 的盒子模型中，盒子的尺寸只包含内容区...
W3C盒模型和IE盒模型的区别
根是地下的枝
06-29 2万+
盒模型在初学css的时候就会接触到，其实很容易理解，这里也不多废话，但是实际上在布局的时候还是会出现很多问题。对于盒模型的认识不能只停留在知道一个盒模型由哪些部分构成，也要更多的了解如何在不同情况下利用盒模型的特点进行布局。 这里讨论一下两种不同的盒模型： W3C盒模型和IE盒模型。 其实IE的盒模型问题只会出现在IE5.5及其更早的版本中，因为在IE6及更新的版本在标准兼容模式下使用的是W3C
关于css布局中左侧固定右侧自适应的几种方法
专注前端开发
03-06 7518
第一种：float 浮动法 例如：左侧固定成100px; 则核心代码 左侧：width:100px;float:left; 右侧 width:auto;margin-left:100px; 实例：
面向对象继承实例(a如何继承b)
专注前端开发
07-01 4186
面向对象继承实例 window.onload = function(){ function parent(age,name){ this.age = age; this.name = name; } parent.prototype.show = function(){ alert('父级方法'); } function child(age,name,jo
js 写一个字符串转成驼峰的方法
专注前端开发
06-21 3677
字符串替换 window.onload = function(){ var str='border-bottom-color'; // String.prototype.transform = function(){ // var arr = this.split('-'); // for(var i=1;i<arr.length;i++){ // arr[i]=a
比较各大移动门户网站淘宝、京东、网易、新浪、腾讯meta标签的异同
专注前端开发
10-08 3245
针对HTML5在移动端的迅猛发展，各大门户网站开始使用HTML5的标签来针对手机网站进行重构，所以我找到了一些国内有代表性的网站例如淘宝、京东、以及四大门户来比对一 下他们在移动网站的meta标签的异同。如果大家想看一下在手机端网站代码的话可以通过远程调试工具来进行查看，具体操作方法：http://www.candoudou.com/archives/231 1、首先先展示一下各个网站的有关m
移动前端开发 解决点击 input 默认高亮 边框
专注前端开发
06-07 3173
-webkit-tap-highlight-color:transparent; 安卓与苹果系统均可支持
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、付费专栏及课程。

余额充值