CSS：box-sizing 的语法和基本用处（五颗星）
box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。
box-sizing 规定两个并排的带边框的框，
假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 “border-box”。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。
语法：
box-sizing：content-box/border-box/inherit
属性：
- content-box：宽度和高度分别应用到元素的内容框，在宽度和高度之外绘制元素的内边距和边框
- border-box：为元素设定的宽度和高度决定了元素的边框盒，
- inherit：继承父元素的 box-sizing
看代码和结果可能更清楚：
<style>
.box{
height: 100px;
width: 100px;
border: 5px solid rgb(244, 6, 6);
}
.empbox{
ba
剩余60%内容，订阅专栏后可继续查看/也可单篇购买
前端面试题 文章被收录于专栏
前端面试的一些常问问题、问题的具体实现（可直接运行）以及底层原理
投递大疆等公司9个岗位