盒子模型差异

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chenbetter1996/article/details/87900547

差异

IE和W3C盒子模型差异如下:
在这里插入图片描述

W3C盒模型:width = content.width;heigth = content.heigth
IE盒模型:width = content.width + border * 2 + padding * 2 + margin * 2;
     height = content.height + border * 2 + padding * 2 + margin * 2


注意

浏览器自身解析存在差异,但是如果代码声明了 <!DOCTYPE html> 那么默认就是按照标准的W3C来解析渲染。而不会因为是IE内核浏览器而使用IE的盒子模型。

猜你喜欢

转载自blog.csdn.net/chenbetter1996/article/details/87900547