标准盒模型和IE盒模型

大家好像对盒模型还不是很清楚,我来总结一下。
盒模型分为两种:标准盒模型和怪异盒模型(可恶的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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值