盒模型

作者: 没梦想的咸鱼丶 | 来源:发表于2016-10-05 14:15 被阅读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 让浏览器正确的解析 ,以免造成一些错误。

    相关文章

      网友评论

          本文标题:盒模型

          本文链接:https://www.haomeiwen.com/subject/bzisyttx.html