效果入下
代码如下
<html>
<head></head>
<body>
<div style="font-size:40px; color:red; font-wight:700 "></div>
<div style="width:100%" ><img src="img/1.jpg"></div>
<div style="width: 300px; height:100px; overflow-y:scroll; border: 1px solid red ">在抓捕了巫支祁以后，李子玉和高重九当天就登上了去往临高的船。李子玉从来没有见过这么大的船。虽然元老院已经进入广州多日，但是由于平时任务的繁忙，偶有时间也被好学的李子玉用来学习澳洲知识，所以一直没有机会去见识一下澳洲大船。因为李子玉和高重九是先进工作者，他们被允许在船的部分地方自由活动。李子玉和高重九一边感叹船的雄壮宏伟，一边转悠。他们走到前边甲板上的时候，迎面走来一队人，这队人全部都是短发短衣，中间为首的人的气质明显与其他人不同。这一行人就是元青团第一书记何青辰带领的前往临高参观学习的广州优秀青年代表。在抓捕了巫支祁以后，李子玉和高重九当天就登上了去往临高的船。李子玉从来没有见过这么大的船。虽然元老院已经进入广州多日，但是由于平时任务的繁忙，偶有时间也被好学的李子玉用来学习澳洲知识，所以一直没有机会去见识一下澳洲大船。因为李子玉和高重九是先进工作者，他们被允许在船的部分地方自由活动。李子玉和高重九一边感叹船的雄壮宏伟，一边转悠。他们走到前边甲板上的时候，迎面走来一队人，这队人全部都是短发短衣，中间为首的人的气质明显与其他人不同。这一行人就是元青团第一书记何青辰带领的前往临高参观学习的广州优秀青年代表。在抓捕了巫支祁以后，李子玉和高重九当天就登上了去往临高的船。李子玉从来没有见过这么大的船。虽然元老院已经进入广州多日，但是由于平时任务的繁忙，偶有时间也被好学的李子玉用来学习澳洲知识，所以一直没有机会去见识一下澳洲大船。因为李子玉和高重九是先进工作者，他们被允许在船的部分地方自由活动。李子玉和高重九一边感叹船的雄壮宏伟，一边转悠。他们走到前边甲板上的时候，迎面走来一队人，这队人全部都是短发短衣，中间为首的人的气质明显与其他人不同。这一行人就是元青团第一书记何青辰带领的前往临高参观学习的广州优秀青年代表。</div>
</body>
</html>
overflow : visible | auto | hidden | scroll
参数：
visible : 不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto : 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示滚动条
======================
overflow:auto; 这个表示当你内容超过div高度出现滚动条
