在前端开发中，我们经常会遇到这样的情况：当一个div里面的内容太多，超过了div的限定高度或者宽度，该怎么办呢？这时候我们就需要让div内部出现滚动条。本文将会带您了解如何实现这一功能。

一、CSS overflow属性

实现div内部内容超出后自动出现滚动条的方法，通常是使用CSS中的overflow属性。这个属性指定当元素内容溢出其框的边框时发生的事情。它可以有四个值：

1、visible（默认值）：元素内容会突破其容器的边界，被其他内容覆盖或浮动在其容器之上。

2、hidden：剪裁元素内容以适合其容器，并且不显示溢出内容。

3、scroll：为元素添加垂直和水平滚动条，并允许通过滚动条查看溢出内容。

4、auto：在必要时为内容生成滚动条。当内容不足以导致滚动时，不会显示滚动条。

二、使用overflow属性实现滚动条

既然overflow属性可以实现滚动条，那么我们就可以创建一个div容器，并将其限定高度或宽度，然后使用overflow属性来实现滚动条。

例如，我们有一个div容器，它的高度被限定为200像素，如下所示：

```