美文网首页每周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 这个属性有时会有不同的默认值。

相关文章

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

    块级元素一定会填充满它的父级元素。一个块级元素由 margin、border-box、padding-box 、c...

  • 前端学习之HTML【一】

    一、块级元素 块级元素默认占一行,一行内添加一个块元素后一般无法添加其他的元素,其宽度自动填满其父元素宽度 常见的...

  • html块级元素与行内元素

    块级元素与行内元素的区别 块级元素会独占一行,宽度自动填满父元素宽度, 行内元素不会独占一行,其宽度随元素的内容变...

  • CSS 属性区别及常见问题

    块级元素,行内元素区别 区别: 块级元素会独占一行,其宽度自动填满其父元素宽度行内元素不会独占一行,其宽度是根据内...

  • CSS居中

    水平居中 针对宽度不为100%的块级元素 针对行内元素和块级元素的内容。当父元素的宽度是100%时,子元素中的行内...

  • Css元素|属性

    块级元素和行内元素 块级元素 (内联)行内元素 区别描述: 块元素(宽)占满整行,行内元素只占内容所在的宽度。 块...

  • html行内元素和块级元素

    1)块级元素1,元素自己独占一行与宽度无关2,可以设置宽度和高度3,当嵌套一个块级元素,子元素如果不设置宽度,那么...

  • 元素的水平居中的方法

    元素内的行内元素 在元素上加 宽度固定的块级元素 在元素上加 或者用绝对定位 宽度不固定的块级元素 方法1 用di...

  • inline和inline-block的区别

    inline 行内元素 inline-block 内联块级元素(可以设置宽度和高度地块元素) block 块级元素

  • 垂直居中和水平居中

    一.水平居中 (1)文本图片行内元素水平居中 2.确定宽度的块级元素水平居中 (3)宽度不定的块级元素水平居中 (...

网友评论

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

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