HTML&CSS面试高频考点(一) ♥
6. W3C盒模型与怪异盒模型标准盒模型(W3C标准)
怪异盒模型(IE标准)
怪异盒模型下盒子的大小=width(content + border + padding) + margin,即真实大小。
*参考标准模式与兼容模式的区别,兼容模式下为怪异盒模型。
*注意box-sizing可以改变盒模型(box-sizing:border-box即为怪异盒模型)。
7. 水平垂直居中的方法 (1)定宽居中 1. absolute + 负margin//父元素 position: relative; //子元素 position: absolute; top: 50%; left: 50%; //margin设置自身一半的距离 margin-top: -50px; margin-left: -50px;