盒模型
2016-10-05 本文已影响0人
没梦想的咸鱼丶
盒模型包括哪些属性 ?
包括margin,border,padding,content
IE 盒模型和W3C盒模型有什么区别?
两者区别两者都是包括margin,border,padding,conten
实际内容IE盒模型是包括border,padding,content。
而W3C盒模型实际内容就是content
例如盒子margin:20px,border:1px,padding:10px;width:200px,hieght:50px
IE 盒模型大小:
width=200+202=240px,*
height=50+202=90px*
W3C盒模型大小:
width=200+202+12+102=262px,*
height=50+202+12+102=112px*
这就是2种盒模型的区别,通常我们理解的盒模型就是W3C的盒模型
所以我们在使用的过程中要申明doctype 让浏览器正确的解析 ,以免造成一些错误。