overflow
DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>title>
<style type="text/css">
.box1 {
width: 200px;
height: 200px;
background-color: #bfa;
overflow: scroll;
}
.box2 {
width: 100px;
height: 500px;
background-color: red;
}
style>
head>
<body>
<div class="box1">
在我的后园，可以看见墙外有两株树，一株是枣树，还有一株也是枣树。
这上面的夜的天空，奇怪而高，我生平没有见过这样奇怪而高的天空。他仿佛要离开人间而去，使人们仰面不再看见。然而现在却非常之蓝，闪闪地〖目夹〗着几十个星星的眼，冷眼。他的口角上现出微笑，似乎自以为大有深意，而将繁霜洒在我的园里的野花上。
我不知道那些花草真叫什么名字，人们叫他们什么名字。我记得有一种开过极细小的粉红花，现在还开着，但是更极细小了，她在冷的夜气中，瑟缩地做梦，梦见春的到来，梦见秋的到来，梦见瘦的诗人将眼泪擦在她最末的花瓣上，告诉她秋虽然来，冬虽然来，而此后接着还是春，胡蝶乱飞，蜜蜂都唱起春词来了。她于是一笑，虽然颜色冻得红惨惨地，仍然瑟缩着。
枣树，他们简直落尽了叶子。先前，还有一两个孩子来打他们别人打剩的枣子，现在是一个也不剩了，连叶子也落尽了。他知道小粉红花的梦，秋后要有春；他也知道落叶的梦，春后还是秋。他简直落尽叶子，单剩干子，然而脱了当初满树是果实和叶子时候的弧形，欠伸得很舒服。但是，有几枝还低亚着，护定他从打枣的竿梢所得的皮伤，而最直最长的几枝，却已默默地铁似的直刺着奇怪而高的天空，使天空闪闪地鬼〖目夹〗眼；直刺着天空中圆满的月亮，使月亮窘得发白。
鬼〖目夹〗眼的天空越加非常之蓝，不安了，仿佛想离去人间，避开枣树，只将月亮剩下。然而月亮也暗暗地躲到东边去了。而一无所有的干子，却仍然默默地铁似的直刺着奇怪而高的天空，一意要制他的死命，不管他各式各样地〖目夹〗着许多蛊惑的眼睛。
哇的一声，夜游的恶鸟飞过了
div>
body>
html>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
1. 说明
- 子元素默认是存在父元素的内容区中，
- 如果子元素的大小超过了内容区，则超过的大小会在父元素以外的位置显示
- 超出父元素的内容，我们称为溢出的内容
- 父元素默认是将溢出内容，在父元素外边显示
- 通过 overflow 可以设置父元素如何处理溢出的内容
2. 属性
- visible
- 默认值，不会对溢出内容做处理，元素会在父元素以外的位置显示
- hidden
- scroll
- 会为父元素添加滚动条，通过拖动滚动条来查看完整内容
- 该属性不论内容是否溢出，都会添加水平和垂直双方向的滚动条
- auto
- 会根据需求自动添加滚动条，
- 需要水平就添加水平
- 需要垂直就添加垂直
- 都不需要就都不加
overflow: scroll;
