老鬼的博客 来都来啦,那就随便看看吧~
css之文档流
发布于: 2020-08-12 更新于: 2020-08-12 分类于: Html 阅读次数: 

一:文档流的概念

1
2
3
文档流(normal flow),其中网页是一个多层的结构,我们看到的其实是网页
的最上面一层的元素,这些层中,最底下的一层就是我们说的文档流,我们所创
建的元素默认都是在文档流中排列的。

二:元素相对文档流的状态

  • 在文档流中
  • 不在文档流中(脱离文档流)

三:元素在文档流中的特点

3.1 块元素在文档流中的特点

1
2
3
1.块元素在文档流中独占一行,自上而下排列的。
2.默认宽度(不设置width的情况下)是父元素的全部(撑满父元素)
3.默认高度(不设置height的情况下)是被当前内容(子元素)撑开的。

3.2 行内元素在文档流中的特点

1
2
3
4
1.行内元素不独占一行,只占自身的大小
2.行内元素在在页面中从左到右水平排列,如果一行中容纳不下所有的元素
则换到下一行从继续从左到右水平排列(相当与和我们的书写习惯一致)
3.默认宽度和高度总是被内容撑开的。

四:元素不在文档流中的特点

1
待学习以后补充。
*************感谢您的阅读*************