对于局面布局时会遇到很多文本溢出情况,这个时候我们需要用** 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