溢出（overflow）
什么是溢出？
当内容大于容器时就会出现溢出的情况。可以用overflow来设置是否显示滚动条。
例一：
<body>
<div>这是一个一个一个一个一个一个
一个一个一个一个一个一个一个一个一
个一个一个一个一个一个一个一个一个
一个<strong>溢出</strong></div>
</body>
div{
border:1px solid red;
height:30px
}
效果：
其中溢出（overflow）又包含这几个属性。
- auto
- scoll
- hidden
- visible
接下来来介绍一下这四个属性：
auto
overflow:auto即灵活设置，自动显示必要的滚动条，即没超过就不显示滚动条，超过就显示滚动条。
scoll
overflow:scoll即永远显示滚动条，比较难看。
hidden
overflow:hidden即隐藏溢出的部分。
visible
overflow:visible即直接显示溢出部分。
注意：verflow可以分为overflow-x和overflow-y
脱离文档流
脱离文档流就是元素不再在文档流中占据空间，而是处于浮动状态。相当于漂浮在其他元素上方。
脱离文档流的方法：
1. float
使用float脱离文档流，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在该元素周围。
可选值：
- none：默认值，不浮动
- left：向左浮动
- right：向右浮动
2. position:absolute
绝对定位，使用absolute脱离文档流后的元素，是相对于父类进行定位，如果父类不满足条件就向上查询。
3. position:fixed
完全脱离文档流，相对于浏览器窗口（html）进行定位。例如回到顶部。
