[HTML](https://developer.mozilla.org/zh-CN/docs/Web/HTML) （HyperText Markup Language）称为超文本标记语言，是一种标识性的语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的 Internet 资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。   **文档流**（normal flow）也称“普通流”，指元素排版布局过程中，自动遵守从左往右，从上往下这种流式排列的方式。 当浏览器渲染 HTML 文档时，从顶部开始渲染，为元素分配所需要的空间，每一个块级元素单独占一行，行内元素则按照顺序被水平渲染直到在当前行遇到了边界，然后换到下一行的起点继续渲染。   **脱离文档流**，指元素从普通的布局排版（普通文档流）中脱离出来，其他元素在排版布局的时候，会当做没看到它，但是依然在DOM树中存在。元素脱离文档流之后，将不再在文档流中占据空间，而是处于浮动状态（可以理解为漂浮在文档流的上方）。脱离文档流的常见场景有以下几种： * float浮动：使用float脱离文档流时，虽然其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在该元素的周围。 * position:absolute： 设置为[绝对定位](https://www.w3school.com.cn/css/css_positioning_absolute.asp)的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。 * position:fixed：固定定位相对于浏览器窗口进行定位，也就是这个div固定在浏览器窗口上了，不论我们怎么拖动滚动条都无法改变它在浏览器窗口的位置。