__x__(26)0907第四天__文档流_网页最底层

时间:2022-06-01 06:38:23

文档流

处在网页的最底层,表示的是一个页面中的位置。

创建的元素,默认都处于文档流中。

元素在文档流中的特点

  • 块元素
    • 在文档流中独占一行。
    • 自上而下排列。
    • 宽度默认占父元素的 100%,width="auto"。。。当元素的 width 和 height 设置为默认auto,此时指定内边距不会影响可见框大小,而是会修改 width 来自适应内边距。
    • 高度将被内容撑开。
  • 内联元素
    • 不会独占一行,只占自身大小。
    • 默认从左往右排列,满了就另起一行。
    • 会出现一个元素,上一行一部分,下一行一部分。

元素脱离文档流以后:

  • 块元素

width 和 height 会被内容撑开。

  • 内联元素

会变成块元素,可以设置 width 和 height。

width 和 height会被内容撑开。