box-sizing

box-sizing常用的属性有哪些？分别有什么作用？

(Q1)box-sizing: content-box|border-box|inherit;

(Q2)content-box:宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框(元素默认效果)。

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

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

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1赞 92
  • 理解box-sizing属性border-box，content-box
    对于盒子模型的理解 首先W3C的解释 1、box-sizing：content-box的时候： 这是由 CSS2....
    今天又要上班吗阅读 6,370评论 0赞 2
  • Css 布局 -
    1. 前言 前端圈有个“梗”：在面试时，问个css的position属性能刷掉一半人，其中不乏工作四五年的同学。在...
    YjWorld阅读 10,142评论 5赞 15
  • 4.活的精致
    我其实一直算是一个得过且过的人，一直认为精致的生活不适合自己，因为那表示着好有钱。后来，我才明白，爱自己也是种精致...
    温一壶茶伴月光到老阅读 903评论 0赞 2
  • 15-python中偏函数
    当一个函数有很多参数时，调用者就需要提供多个参数。如果减少参数个数，就可以简化调用者的负担。 比如，int()函数...
    mingminy阅读 968评论 0赞 0