文档流，英文为 normal flow，或 Flow layout, normal [ˈnɔːml]，标准的，正常的，一般的。不知几何时，CSS 官方文档 的 normal flow 被我们的先驱翻译为”文档流“，document flow 或 the normal flow of document，在官方文档里是找不到的。如果翻译成标准流，是什么的标准呢？
我猜想，文档流是文档标准流的简称，更确切的讲，是浏览器在渲染 HTML 文档时的标准流的简称。
所以，文档流，是浏览器在布局排版 HTML 节点元素时，所有的节点会按照会自动的从左到右(inline 内联元素)，从上到下(block, 块级元素)的规则排列。参考
一、文档流
文档流，英文为
normal flow，或Flow layout, normal [ˈnɔːml]，标准的，正常的，一般的。不知几何时，CSS 官方文档 的normal flow被我们的先驱翻译为”文档流“，document flow或the normal flow of document，在官方文档里是找不到的。如果翻译成标准流，是什么的标准呢？我猜想，文档流是文档标准流的简称，更确切的讲，是浏览器在渲染
HTML文档时的标准流的简称。所以，文档流，是浏览器在布局排版 HTML 节点元素时，所有的节点会按照会自动的从左到右(inline 内联元素)，从上到下(block, 块级元素)的规则排列。 参考
二、定位 Postioning schemes
按官方文档 Postioning schemes的说法定位类型分为三种：
postion 属性值
三、鼠标事件中 event 对象的坐标属性
沿着浏览器的上边为x轴，浏览器的左边为y轴
沿着文档页面的上边界为x轴，文档页面的左边界为y轴
沿着目标节点的上边界为x轴，目标节点的左边界为y轴
跑一把这里的源码