文档流是什么？
段.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
本文为本人的原创文章，著作权归本人所有，转载务必注明来源
网友评论