CSS3 box-sizing 属性

box-sizing: content-box|border-box|inherit;

  1. content-box
    在宽度和高度之外绘制元素的内边距(padding)和边框(border)。

  2. border-box
    为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。
    通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS3 box-sizing属性的应用
    在一个文档中，每个元素都被表示为一个矩形的盒子。盒子模型具有4个属性['外边距(margin)','边框(bord...
    weiqinl阅读 1,340评论 2赞 2
  • CSS3 box-sizing 属性
    box-sizing: content-box | border-box | inherit; 浏览器默认 con...
    __越过山丘__阅读 71评论 0赞 0
  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,805评论 1赞 92
  • css3 box-sizing属性
    转自链接 box-sizing属性可以为三个值之一：content-box（default），border-box...
    贝贝ovo阅读 127评论 0赞 0
  • css3 box-sizing属性
    box-sizing属性可以为三个值之一：content-box（default），border-box，padd...
    MakingChoice阅读 390评论 0赞 1