简述border.-box盒模型 ?

border-box盒模型，也被称为怪异盒子模型，是一种CSS盒模型的计算方式。在这种模式下，盒子的宽度和高度包括了内容区、内边距（padding）和边框（border）的宽度，但不包括外边距（margin）。

具体来说，在border-box模式下，一个块的总宽度（或高度）等于其width（或height）属性的值加上其左右margin的值。这里，width（或height）已经包含了内容区、内边距和边框的宽度（或高度）。因此，与标准盒模型不同，增加内边距和边框并不会改变盒子的总宽度或高度。

border-box盒模型在一些情况下非常有用，例如，当你想要设置一个固定大小的容器，并且不希望增加内边距或边框时改变其大小时。这种盒模型主要在IE浏览器中使用，但也可以通过CSS的box-sizing属性在其他浏览器中实现。

在CSS中，你可以使用box-sizing: border-box;来指定一个元素使用border-box盒模型。这将覆盖元素的默认盒模型（通常是标准盒模型），使其表现得像border-box模型。此外，box-sizing: inherit;将使元素从其父元素继承box-sizing属性的值。