怎么让div内容超出后自动显示滚动条

在html中，怎么使div中的内容超出后自动显示滚动条的效果？最近在做项目中遇到这样的一个问题，因为在弹框中的内容太多，弹框的大小固定，超出的内容我们用滚动条的效果来解决。

方法/步骤 

1. 问题一：怎么让div内容超出后自动显示滚动条

   只需要用到css的一个overflow:auto的属性就可以实现这效果了。下面我们看看代码和实现的效果。

2. 这次我做的是在一个div里面嵌套的div里实现的滚动条效果，如果你想让外部的div显示滚动条效果，只需在外部的div的class里面设置：overflow:auto即可。先要给定要设置出现滚动条div的宽高，内容超出给定的宽高之后，即可出现滚动条效果。

 

3.延伸：overflow:scroll.如果你想让滚动条自始至终都存在，而不仅仅是内容超出后才出现，可以用overflow:scroll属性。如下图所示：（如果内容还未超过设置的宽高，那么不会显示下拉的那个条）