HTML普通流/文档流：
普通流：（nomal flow）
将窗口自上而下分成一行，并在每行中从左到右的依次排放元素，即为普通流/文档流；
内联元素不会独占一行，而每个非浮动块级元素都独占一行，浮动元素按规则浮动在行的一端；
若当时的行容不下，则另起新行在浮动；
浮动元素不占任何正常文档流空间，而浮动元素的定位照样基于正常的文档流；
当一个元素脱离文档流后，在文档流中的其他元素将忽略该元素，并填充其原先的空间；
注意：
脱离文档流指的是元素不在页面中占位置，但是文档却还占着位置；
定位是完全脱离文档流，在文档中不占位置；