对于局面布局时会遇到很多文本溢出情况,这个时候我们需要用** overflow**这个属性来处理.
overflow
可以设置的属性
visible | hidden | scroll | auto | paged-x | paged-y | paged-x-controls | paged-y-controls | fragments
visible：
对溢出内容不做处理，内容可能会超出容器。
hidden：
隐藏溢出容器的内容且不出现滚动条。
scroll：
隐藏溢出容器的内容，溢出的内容将以卷动滚动条的方式呈现。
auto：
当内容没有溢出容器时不出现滚动条，当内容溢出容器时出现滚动条，按需出现滚动条。此为body对象和textarea的默认值。
paged-x：TODO...（CSS3）
paged-y：TODO...（CSS3）
paged-x-controls：TODO...（CSS3）
paged-y-controls：TODO...（CSS3）
fragments：TODO...（CSS3）
<div style="overflow: scroll;
width: 100px;
height: 200px;
border: 1px solid red;
margin: auto">
怒发冲冠，凭栏处，潇潇雨歇。
抬望眼，仰天长啸，壮怀激烈。
三十功名尘与土，八千里路云和月。
莫等闲，白了少年头，空悲切！
靖康耻，犹未雪；臣子恨，何时灭?
驾长车，踏破贺兰山缺！
壮志饥餐胡虏肉，笑谈渴饮匈奴血。
待从头，收拾旧山河，朝天阙！
</div>
AEA7D908-FFF1-4C7B-B387-50AE7E185993.png
