文档流

文档流: normal flow

网页是一个多层的结构,一层上面又是一层

• 我们通过CSS可以分别为每一层来设置样式
• 作为用户来讲我们只能看到最顶上的一层
  • 而这些层上面最底下的一层称之为文档流
    • 文档流是网页的基础

我们创建的元素默认都是在文档流中排列的

对于我们的元素主要有两种状态:

①在文档流中

②不再文档流中(脱离文档流)

元素在文档中有什么特点:

块元素(块级标签):

• 块元素在页面中独占一行(自上而下垂直排列)
• 默认宽度是父元素的宽度(也就是会把父元素撑满)
• 默认高度是被内容撑开(或者是被子元素撑开)

行内元素(行级标签):

• 行级标签不会独占页面的一行,只占自身大小
• 行级元素在页面中由左向右水平排列,如果一行中不能容纳所有的行内元素,则元素会换到第二行继续从右向左排列
• 行内元素的默认宽度和默认高度都是由内容撑开