块级元素一定会填充满它的父级元素。一个块级元素由 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 这个属性有时会有不同的默认值。
网友评论