BaoChuquan的博客

网页其实是三维结构的，除了x、y轴，它还有z轴。z轴的大小由z-index控制，默认情况下，所有元素都是在z-index: 0这一层。 元素根据自己的display类型、长度、内外边距等属性顺序排列在z-index: 0这一层里，这就是文档流。 z轴在元素设置position为absolute或relative后被激活，即设置position会让元素“浮”起来，也就是z-index值会大于0，

怪异模式和DTD 为了确保向后兼容性，浏览器厂商发明了标准模式和怪异模式两种方法来解析网页。 标准模式 根据规范表现页面；网页元素的宽度是由padding、border、width三者的宽度相加决定的； 怪异模式 通常模拟老式浏览器的行为以防止老站点无法工作；width本身就包含了padding、border的宽度。 此外，标准模式下的块级元素的经典居中方法——设定width，然后ma