[Web 前端] CSS 盒子模型，绝对定位和相对定位

cp : https://blog.csdn.net/web_yh/article/details/53239372

一、盒子模型：

标准模式和混杂模式（IE）。在标准模式下浏览器按照规范呈现页面；在混杂模式下，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。

CSS盒子模型具有内容(content)、填充(padding)、边框(border)、边界(margin)这些属性。我们所说的width,height指的是内容(content)的宽高，一个盒子模型的宽度=:width+ pdding(宽) + border(宽)，高度=height + padding(高) + border(高)。

二、绝对定位和相对定位：

relative(相对定位) 对象不可层叠、不脱离文档流，参考自身静态位置通过 top,bottom,left,right 定位，并且可以通过z-index进行层次分级。

absolute(绝对定位) 脱离文档流，通过 top,bottom,left,right 定位。选取其最近一个最有定位设置的父级对象进行绝对定位，如果对象的父级没有设置定位属性，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。