前端文档流定义

文档流：

• 网页是多层结构的，一层叠着一层
• 通过css可以设计每一层的样式
• 浏览器呈现给用户的永远是最顶上一层
• 文档流是网页的最底下一层，是所有层的基础，所有的元素默认都是在文档流当中排列的

元素有在文档流和不在文档流两种状态

元素在文档流的特点：

1. 块元素：

• 块元素在页面中会独占一行，自上向下垂直排列
• 默认宽度是父元素的全部，一般是一整行
• 默认高度有内容相关

2. 行内元素：

• 不会独占一行，只与自身大小相关
• 自左向右排列，一行排不满会向下一行排列，与书写习惯一致
• 默认高度和默认宽度都和内容相关

元素脱离文档流后的特点：

元素脱离文档流后，元素的性质会发生变化：

1.块元素：不会独占一行，宽和高默认被内容撑开

2.行内元素：可以设置width和height设置宽高

即：脱离文档流后，可以不区分行内元素和块元素，用法也一样了