关于ie的盒子模型bug
2012-11-02 14:26
316 查看
关于盒子模型，引入w3cschool的一个图即可解释：
css2.1标准规定，设置一个元素的width，height值，为其定义内容尺寸，即这个尺寸是作用在该元素的context box上的。
但是当给一个块级非替换元素设置width、height时，他们在ie6,ie7,ie8在混杂模式下（quriks mode）被错误的作用到了该元素的border box上，也就是说在这些浏览器中，width、height并不被认为是“内容尺寸”。这就是臭名昭著的ie盒模型bug。
解决这个问题最简单的方法是页面工作在标准模式下。
关于混杂模式和标准模式：如果页面没有声明<!DOCTYPE>则所有浏览器默认都会开启混杂模式。因此建议编写页面时都加上doctype声明，最简单的是声明为html5格式的，<!DOCTYPE html>这样页面就运行在标准模式下，不会出现ie的盒子模型bug了。
css2.1标准规定，设置一个元素的width，height值，为其定义内容尺寸，即这个尺寸是作用在该元素的context box上的。
但是当给一个块级非替换元素设置width、height时，他们在ie6,ie7,ie8在混杂模式下（quriks mode）被错误的作用到了该元素的border box上，也就是说在这些浏览器中，width、height并不被认为是“内容尺寸”。这就是臭名昭著的ie盒模型bug。
解决这个问题最简单的方法是页面工作在标准模式下。
关于混杂模式和标准模式：如果页面没有声明<!DOCTYPE>则所有浏览器默认都会开启混杂模式。因此建议编写页面时都加上doctype声明，最简单的是声明为html5格式的，<!DOCTYPE html>这样页面就运行在标准模式下，不会出现ie的盒子模型bug了。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- ie和firefox 盒子模型区别以及quirks mode(怪异模式)和strict mode(严格格式)
- 标准盒子模型和IE盒子模型
- IE关于#footer沉底及居中显示的bug
- 标准W3C盒子模型和IE盒子模型
- 关于IE的几个bug
- 一个关于 ie 浏览器的 bug 解决过程和思考
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)
- 一个关于ie的bug——双边距bug。
- 关于子盒子模型有margin-top的时候，父盒子模型也同时拥有margin-top的解决方法
- 标准盒子模型和IE盒子模型
- 标准W3C盒子模型和IE盒子模型---CSS布局经典盒子模型[转]
- [CSS]标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)
- 关于beautifulsoup的一个bug 由于<!–[if lte IE 6]><![endif]–>无法正常解析标签）
- 关于IE6盒模型的想法
- 利用IE关于Z-index的BUG造成的神奇效果
- 关于盒子模型的应用（制作三角形）
- ie6盒子模型bug
- 标准盒子模型和IE盒子模型
- 标准盒子模型和IE盒子模型的区别