美文网首页
css中box-sizing(两种盒子模型)

css中box-sizing(两种盒子模型)

作者: 希染丶 | 来源:发表于2019-07-08 16:37 被阅读0次

    content-box(标准盒子模型)

    以content为边界,宽高只是content的宽高,padding是像外,盒模型会变大

    border-box (ie盒子模型)

    以border为边界,宽高包括边框和内边距, border + padding + content = width;
    给定宽高后再给padding,是向内,盒模型的宽高不会改变

    相关文章

      网友评论

          本文标题:css中box-sizing(两种盒子模型)

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