与标准盒模型和IE盒模型优点？
1、标准盒模型
CSS盒模型本质上是⼀个盒⼦，封装周围的HTML元素，它包括：边距，边框，和实际内容。
Margin(外边距) - 清除边框外的区域，外边距是透明的。
Border(边框) - 围绕在内边距和内容外的边框。
Padding(内边距) - 清除内容周围的区域，内边距是透明的。
padding是外边距还是内边距Content(内容) - 盒⼦的内容，显⽰⽂本和图像。
盒⼦真实宽⾼计算⽅式为：边框+内边距+外边距+内容区宽⾼
2、IE盒模型
通过在css样式中添加：box-sizing: border-box；把盒模型设置为IE盒模
标准盒模型与IE盒模型的区别：
1、在标准盒模型中设置的宽⾼是盒⼦内容区的宽⾼
2、在IE盒模型中设置的宽⾼是盒⼦真实的宽⾼，边距，边框，和实际内容
IE盒模型优点：
把盒⼦设置为IE盒模型，不论内边距距，边框如何改变盒⼦的真实宽⾼都不会发⽣改变。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。