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

块级元素一定会填充满它的父级元素。一个块级元素由 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.jianshu.com/p/62dba967f5b7
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞