美文网首页
CSS:常见的两种盒模型及其区别

CSS:常见的两种盒模型及其区别

作者: Andy丶Go | 来源:发表于2017-09-24 18:47 被阅读95次

    常见的两种CSS盒模型:content-box(默认)、border-box。理论上两者的主要区别是二者的盒子宽高是否包括元素的边框和内边距。

    content-box:盒子定义宽高 = 内容宽高(content)
    border-box:盒子定义宽高 = 内容宽高(content) + 内边距 (padding)+ 边框(border)
    用box-sizing属性来改变盒模型的类型

    相关文章

      网友评论

          本文标题:CSS:常见的两种盒模型及其区别

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