前端知识点之HTML文档流

HTML普通流/文档流：

普通流：（nomal flow）

将窗口自上而下分成一行，并在每行中从左到右的依次排放元素，即为普通流/文档流；

内联元素不会独占一行，而每个非浮动块级元素都独占一行，浮动元素按规则浮动在行的一端；

若当时的行容不下，则另起新行在浮动；

浮动元素不占任何正常文档流空间，而浮动元素的定位照样基于正常的文档流；

当一个元素脱离文档流后，在文档流中的其他元素将忽略该元素，并填充其原先的空间；

---

注意：

脱离文档流指的是元素不在页面中占位置，但是文档却还占着位置；

定位是完全脱离文档流，在文档中不占位置；