美文网首页每周500字Web前端之路程序员
块级元素除去宽度后的剩余部分是什么

块级元素除去宽度后的剩余部分是什么

作者: 老邵 | 来源:发表于2018-04-29 14:43 被阅读13次

    块级元素一定会填充满它的父级元素。一个块级元素由 margin、border-box、padding-box 、content-box嵌套而成。

    如果你将块级元素的 box-sizing 属性设置为 content-box ,那么你的宽度指的是 content-box ,除去 content-box 以外的其余各部分都有可能补足 content-box 与父元素的空余,具体要看你对于其余各部分的宽度设定,默认是以 margin 补足。

    如果你将块级元素的 box-sizing 属性设置为 border-box,那么你的宽度指的是 border-box,去除 border-box 以及其包含的 content-box 与 padding-box,剩下的只有 margin 了,所以此种情况下剩余部分一定是 margin。

    box-sizing 这个属性有时会有不同的默认值。

    相关文章

      网友评论

        本文标题:块级元素除去宽度后的剩余部分是什么

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