文档流是什么？

段.jpg

内联元素和块级元素的流动方向

重要提示：内联元素和块级元素没有绝对的区分，可以通过代码display:inline/block/inline-block来进行定义。

image.png

内联元素和块级元素高度和宽度由什么决定

宽度：1. inline宽度为内联元素的和，不能用width指定
2. block默认自动计算，可用width指定
3. inline-block可用width指定
高度：1. inline高度由line-height决定
2. block高度由文档流元素决定，可以设置height
3. inline-block跟block决定，可以设置height

内容大于容器情况怎么设置

0verflow来设置是否显示滚动条一共四种情况：1. auto(灵活设置）2. hidden(隐藏多的内容) 3. visible(直接显示溢出的内容）4. scroll（永远显示）

image.png

怎么跳出文档流

用position:absolute/fixed

image.png

本文为本人的原创文章，著作权归本人所有，转载务必注明来源