解释在ie低版本下的怪异盒模型和c3的怪异盒模型 和 弹性盒模型 ？
在CSS中，盒模型（Box Model）是非常重要的一个概念，它决定了元素如何对其内容、内边距、边框和外边距进行布局。
- IE低版本下的怪异盒模型：在传统的IE盒模型（也称为怪异盒模型）中，元素的 width 和 height 包括了内容、内边距和边框。例如，如果你设置一个元素的 width 为 200px，内边距为 20px，边框为 10px，那么实际的内容区域的宽度只有 200 – 202 – 102 = 140px。
-
W3C的标准盒模型：在W3C的标准盒模型中，元素的 width 和 height 只包括了内容。内边距和边框是在这个尺寸的基础上额外添加的。所以在上述例子中，如果使用标准盒模型，实际的元素宽度应该为 200 + 202 + 102 = 260px。
-
弹性盒模型（Flexbox Model）：弹性盒模型是CSS3中新增的一种布局模型，它提供了一种更加灵活和强大的方式来对元素进行布局。在弹性盒模型中，元素的大小可以根据其内容和可用空间自动调整，而不是固定的像标准盒模型那样。此外，弹性盒模型还提供了对元素在水平和垂直方向的对齐、排序、分布等更加精细的控制。
在实际应用中，你可以通过设置 box-sizing 属性来选择使用哪种盒模型。例如，box-sizing: border-box; 会让元素使用IE的怪异盒模型，而 box-sizing: content-box; 会让元素使用W3C的标准盒模型。而弹性盒模型则通过设置 display: flex; 或 display: inline-flex; 来启用。