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