关键词：
css的两种盒子模型：W3C标准盒子模型、IE盒子模型
两者的相同之处：都包含margin、border、padding、content
两者的不同之处：W3C标准盒子模型的content部分不包含其他部分；IE盒子模型的content部分包含border、padding部分。
举例说明：一个盒子模型margin为10px，border为2px，padding为5px，content为100px，高为50px。
1.W3C标准盒子模型
盒子需要占据的位置：宽10*2+2*2+5*2+100=134px、高10*2+2*2+5*2+50=84px；盒子的实际大小：宽2*2+5*2+100=114px、高2*2+5*2+50=64px。
2.IE盒子模型
盒子需要占据的位置：宽10*2+100=110px、高10*2+50=60px；盒子的实际大小：宽100px、高50px、
关于浏览器显示的是哪种盒子模型
一般情况下，在加了doctype声明的情况下浏览器显示的都是W3C标准盒子模型，如果没有加doctype声明，那么不同的浏览器会根据自己的解释去显示盒子模型，IE浏览器就可能会显示IE盒子模型。
css盒子模型
...概念，理解了盒子模型才能更好的排版。其实盒子模型分两种：ie盒子模型和标准w3c盒子模型。从上图可以看到标准w3c盒子模型的范围包括margin、border、padding、content，并且content部分不包含其他部分。从上图可以看到ie盒子模型... 查看详情
css：盒子模型
在css中，盒子模型分为两种：标准模型和怪异模型标准模型：总宽度=border+padding+内容区域宽度怪异模型：总宽度=宽度，这个宽度就包括了border，padding和内容区域宽度在标准模型中，border和padding都会撑大盒子，这对网页布局来... 查看详情
ie盒子模型和标准w3c盒子模型
...概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是IE盒子模型和标准W3C盒子模型。盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是IE盒子模型和标准W3C盒子模... 查看详情
css盒模型
...些方方正正的盒子。我们称为这种盒子叫盒模型。 有两种: 标准模型和IE模型 盒模型属性 width:内容的宽度 height:内容的高度 padding:内边距 border:边框,就是指盒子的宽度 margin:外边距,盒子边框到附近... 查看详情
css的盒子模型有哪些，区别是什么
...(content)、填充(padding)、边界(margin)、边框(border) 2）有两种，IE盒子模型、标准W3C盒子模型；IE的content部分包含了border和padding 标准W3C盒子模型宽高：内容区宽高； IE盒子模型宽高：内边距﹢边界﹢内容区； 查看详情
标准w3c盒子模型和ie盒子模型
...CSS盒子模型分为：标准W3C盒子模型，IE盒子模型，注意在两种模型中宽（width）和高（height）包括属性的不同。标准W3C盒子模型：W3C模型中： CSS中的宽（width）=内容（content）的宽 查看详情
标准w3c盒子模型和ie盒子模型css布局经典盒子模型(转)
...概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是ie盒子模型和标准w3c盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型： 从上图可以看到标准w3c盒子模型的范围包... 查看详情
标准w3c盒子模型和ie盒子模型css布局经典盒子模型(转)
...概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是ie盒子模型和标准w3c盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型： 从上图可以看到标准w3c盒子模型的范围包括margin、b... 查看详情
css布局相关——盒模型和浮动
...基本原理来实现CSS准确布局，元素排列等处理CSS广泛使用的两种盒子，其在页面流和元素之间的关系表现为不同的行为：对于定义为块级盒子（block）的元素会表现出以下行为：对于定义为内联盒子（inline）的元素会表现出以下... 查看详情
css
...的CSS的盒子模型？低版本IE的盒子模型有什么不同的？有两种，?IE盒子模型、W3C盒子模型；盒模型：?内容(content)、填充(padding)、边界(margin)、?边框(border)；区?别：?IE的content部分把?border和?padding计算了进去；在CSS3中引入了box-sizing... 查看详情
css
...的CSS的盒子模型？低版本IE的盒子模型有什么不同的？有两种，?IE盒子模型、W3C盒子模型；盒模型：?内容(content)、填充(padding)、边界(margin)、?边框(border)；区?别：?IE的content部分把?border和?padding计算了进去；在CSS3中引入了box-sizing... 查看详情
盒子模型
...概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是ie盒子模型和标准w3c盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型： 从上图可以看到标准w3c盒子模型的范围包... 查看详情
css盒子模型及盒子模型的类型
...面的图片说明了盒子模型(BoxModel)：转自链接盒子模型有两种，分别是W3C盒子模型(标准盒模型)和IE盒子模型(怪异盒模型)1.标准盒模型中width指的是内容区域content的宽度；height指的是内容区域content的高度。2.标准盒模型下盒子的大... 查看详情
盒子模型，块级元素和行内元素特性与区别
盒子模型css盒子模型分为两种，一种是遵循w3c标准的标准盒子模型，另外一种就是IE盒子模型。标准盒子模型IE盒子模型通过上面两张图可以看出，两种盒子模型都包括padding，margin，border，content，但是ie盒子模型的content包括border... 查看详情
对css盒模型的理解
...css的盒子模型？低版本IE的盒子模型有什么不同的？1、有两种：IE盒子模型（怪异模式）、W3c盒子模型（标准模式）。2、盒模型组成：内容(content)、填充(padding)、边界(margin)、边框(border)。3、区别：IE的content部分把border和padding计... 查看详情
盒模型
...念，理解了盒子模型才能更好的排版和布局。盒子模型有两种，分别是IE盒子模型和标准W3C盒子模型。他们对盒子模型的解释各不相同，先来看看标准盒子的模型：从上图可以看到标准W3C盒子模型的范围包括margin、border、padding、... 查看详情
css中盒子模型的标准流定位原则是啥?
...W3C盒子模型；2：IE盒子模型（IE浏览器默认的模型）。在两种不同模型网页里，定义了相同CSS属性的元素显示效果是不一样的，下面就用公式来区分这两种不同的盒子模型。1：标准W3C盒子模型宽=width+(padding-left)+(padding-right)+(margin... 查看详情
28.前端css之盒模型及标准文档流
...正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种：标准模型和IE模型。这里重点学习标准模型。盒模型示意图：盒模型属性：width：内容的宽度height:内容的高度padding：内边距，边框到内容的距离border:边框，就是指... 查看详情