这篇文章带给你的是关于html的文档流程。html文档流入门有一定的参考价值，有需要的朋友可以参考一下，希望能帮到你。
一、文件流程介绍
1.什么是“正常公文流转”？
在学习浮动布局之前，我们先了解一下什么是“正常的文档流”。对正常文档流程的深刻理解，是后续浮动布局和定位布局非常重要的前提。希望读者不要错过这一节。
什么是文档流？简单来说，就是元素在页面上出现的顺序。
那什么是“正常的公文流转”？我们先来看看正常文档流的简单定义:正常文档流，将表单从上到下分成行，块元素占一行，相邻行的元素在每行中从左到右依次排列。
上述HTML代码的文档流如下:
<div><div> <span></span><span><span> <p></p> <span></span><i><i><img/> <hr/>描述:
因为div、p、hr都是块元素，因此独占一行。而span、i、img都是行内元素，因此如果两个行内元素相邻，就会会位于同一行，并且从左到右排列。因为div、p和hr都是块元素，所以它们只有一行。Span，I，img都是行内元素，所以两个行内元素相邻的话，就在同一行，从左到右排列。
2.什么是“不正常的文件流程”？
文档外流程是相对于正常文档流程而言的。正常的文档流是我们不用CSS样式控制的HTML文档结构，你的界面顺序就是网页显示顺序。例如，编写了五个div元素。正常的文档流是依次显示这五个div元素。因为div元素是块元素，所以每个div元素都有自己的一行:
HTML代码:
<div id="div1"></div> <div id="div2"></div> <div id="div3"></div> <div id="div4"></div> <div id="div5"></div>
上图是按照正常文档流程的渲染。
那么，所谓脱离单据流程，就是显示位置与单据编码顺序不一致。例如，可以使用CSS控件在第一个div元素的位置显示最后一个div元素，如下所示:
在上图中，在不改变HTML代码顺序的情况下，我们可以使用CSS来改变id = & quotdiv5 & quot的div元素是从普通文档流中“提取”出来的，然后显示在其他div元素的前面。在这种情况下，id = & quotdiv5 & quot的div元素已“超出正常的文档流”。
在CSS布局中，我们可以使用浮动或定位技术来实现“脱离正常的文档流”，从而随意控制页面的布局。
以上是html的文档流。这是什么？html文档流的完整介绍，如果想了解更多Html5教程，请关注AdminJS。
以上是html的文档流程。这是什么？html文档流的介绍详情请关注AdminJS的其他相关文章！