总结篇:width与margin,padding之间的宽度计算问题区别

任何情况下margin都不包含在height和width内。而padding与边框是否包含则有两种情况。

标准盒模型:200*200便是宽高,即内容框的宽高,并不包含padding和border

ie盒模型:padding与border包含在宽高内,即宽高包含了内容框的宽高加上padding与边框。即200*200 等价于(inner180+padding20)*(inner180+padding20)

chrome,firefox使用标准盒子模型。

如果要统一使用标准盒子模型,我们可以在网页中加入doctype申明使用w3c标准,这样所有浏览器都会使用标准盒子模型。

 

ie的padding算在width中的

posted @ 2019-12-05 15:47  第一神坑  Views(3472)  Comments(0Edit  收藏  举报