标准盒模型和IE盒模型

来源:互联网 发布:美国签证 知乎 编辑:程序博客网 时间:2024/04/28 18:55
大家好像对盒模型还不是很清楚,我来总结一下。
盒模型分为两种:标准盒模型和怪异盒模型(可恶的IE浏览器)

一.标准盒模型
盒模型 - 淡淡De影痕 - 淡淡De影痕的博客
在标准盒模型中一个盒子实际所占的位置大小为:margin + padding + border + content(width,height)。
在标准盒模型中一个盒子的大小为:padding + border + content(width,height)。

二.怪异盒模型
盒模型 - 淡淡De影痕 - 淡淡De影痕的博客
在怪异盒模型中盒子实际所占的位置大小为:margin + content
在怪异盒模型中盒子实际的大小为:content(width,height)。

三.实例
这是一道今年新浪的面试题:
一个div他的css样式为"width:100px;border:1px solid #000;padding:50px"请问在使用标准文档声明后IE6中这个div实际所占用的宽度为?去除文档声明后div在ie6中实际占用的宽度为?
答案是:(1)202
     (2)100

0 0