文档流
处在网页的最底层,表示的是一个页面中的位置。
创建的元素,默认都处于文档流中。
元素在文档流中的特点
-
块元素
- 在文档流中独占一行。
- 自上而下排列。
- 宽度默认占父元素的 100%,width="auto"。。。当元素的 width 和 height 设置为默认auto,此时指定内边距不会影响可见框大小,而是会修改 width 来自适应内边距。
- 高度将被内容撑开。
-
内联元素
- 不会独占一行,只占自身大小。
- 默认从左往右排列,满了就另起一行。
- 会出现一个元素,上一行一部分,下一行一部分。
元素脱离文档流以后:
- 块元素
width 和 height 会被内容撑开。
- 内联元素
会变成块元素,可以设置 width 和 height。
width 和 height会被内容撑开。