文档流
- 元素的宽高：默认情况下，块级元素的宽度是其父元素宽度的100%，高度由其内容的高度决定，内联元素的宽度和高度均由其内容决定
- 正常的布局流：
- 块级元素在视窗中垂直布局，每一个都将显示在上一个元素下面的新行上，被它们之间的外边距隔开
- 内联元素在视窗中水平布局，相邻的元素会出现在同一行上，当父元素的宽度不足时，溢出的内容将下移到新行上继续水平布局
- 外边距折叠：如果两个相邻元素都有外边距，并且外边距接触，则实际外边距为较大的那一个
定位(position)
- 静态定位(static)：将元素放入它在文档流中的正常位置，是每个元素获取的默认值，此时设置top,right,bottom,left,z-index时无效
- 相对定位(relative)：现将元素放置在文档流中的原始位置，然后在不改变页面布局的前提下调整元素位置，元素原始位置占据的空间保留
- 绝对定位(absolute)：元素脱离正常文档流，不占据文档流空间，相对于最近的非static祖先元素调整元素位置，绝对定位元素可以设置外边距，且不会与其他边距合并
- 固定定位(fixed)：元素脱离正常文档流，不占据文档流空间，相对于视屏窗口调整元素位置
- 粘性定位(sticky)：元素在跨越特定阈值前为相对定位，在跨越特定阈值后固定定位，但该元素原始位置占据的空间保留，后续元素位置仍按固定定位前确定
- 定位上下文：元素进行定位时参考的对象，元素的默认定位上下文为
<html>元素 - z-index：网页的z轴参考系，默认状态下，定位元素出现在非定位元素的顶部，后定位元素出现在先定位元素的顶部，z-index只接受无单位索引值，索引值较大的元素出现在顶部
--(^178=>707)--