标准单据流程单据流程:是指在要素布局过程中，默认情况下，要素自动从左到右、从上到下的流程排列。 并且最终的表单从上到下分为行，每一行中的元素从左到右排列。 标准流的微观现象:空白折叠现象:在html文件中输入文本时，多个空格会合并成一个空格，显示在浏览器页面中。 这种现象被称为空白折叠。 高度不均匀，下边缘对齐:不同大小的文字和图片会使我们页面的元素出现高度不均匀，但是在浏览器中查看我们的页面时，你总会发现下边缘对齐；自动换行，一行写不完就自动换行:如果一行写的字太多，超过了界面，浏览器会自动换行显示我们的字。 标准文档流级别分为两个级别:块级元素和行内元素；块级元素:占据一行，不能和其他任何元素并列。宽度和高度都可以接受。如果没有设置宽度，默认情况下宽度是父元素的100%，即行中的元素与父元素一样宽。宽度和高度不能与其他元素一起设置。 默认宽度是文本的宽度。在HTML中，标签分为:文本级和容器级；Text: p，span，a，b，I，u，em容器级别:div，h series，li，dt，ddCSS与上面类似，除了p:所有的文本级标签都是内联元素，除了p是文本级元素，但却是块级元素。 的所有容器级标签都是块级元素。 块级元素和行内元素之间的转换块级元素可以设置为行内元素；内嵌元素也可以设置为块级元素。 例如:div { display:inline；背景色:粉色；宽度:400px高度:400px}display是显示模式，用于改变元素的内联和块级属性。行内就是“行内”。Once display:为标签设置inline那么这个标签立即成为一个行内元素。 此时div和span没有区别；此时不能设置div的宽度和高度(即使设置了也不会显示)；Div此时可以和别人并排；类似地，span { display:block；宽度:300px高度:300px背景色:绿色；}“块”是“块”的意思；Span标签变成了块级元素，就像div一样；跨度可以设置高度和宽度；跨度必须占据一条线，别人不能与之并排；如果你不设置宽度，它会支持你的父亲。 脱离标准文档流有三种方式:1)浮动元素会脱离文档流；创建一个新文档，向页面添加两个div，并分别向div添加类。 & lt！DOCTYPE html & gt& lthtml lang = " en " & gt& lthead & gt& ltmeta charset="UTF-8 " >& ltmeta name = " viewport " content = " width =设备宽度，initial-scale=1.0 " >& ltmeta http-equiv = " X-UA-Compatible " content = " ie = edge " & gt；& lttitle & gt文档& lt/title & gt；& lt/head & gt；& ltbody & gt& ltdiv class="one " >& lt/div & gt；& ltdiv class="two " >& lt/div & gt；& lt/body & gt；& lt/html & gt；将div的宽度、高度和背景颜色设置为左浮动 浮动元素不占空间，所以二占一的位置。 2)绝对定位:添加三个div和class为一个设置绝对定位并添加top:110 px；左:150px你可以看到一个可以浮在上面。3)固定定位:把一个改成固定定位刷新浏览器发现他和绝对一样；唯一不同的是，它是固定在浏览器上的，固定不会随浏览器滚动条滚动；