div设置滚动条

前言

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

---

叙述

怎么让div内容超出后自动显示滚动条，只需要用到css的一个overflow:auto的属性就可以实现这效果了。

自动显示

在外部的div的class里面设置：overflow:auto即可。先要给定要设置出现滚动条div的宽高，内容超出给定的宽高之后，即可出现滚动条效果。

##滚动条一直存在
如果你想让滚动条自始至终都存在，而不仅仅是内容超出后才出现，可以用overflow:scroll属性

怎么只显示横向的滚动条

可以设置：overflow-x:scroll,或者：overflow-y:hidden即可实现这个效果。
同理如果overflow-y:scroll或者：overflow-x:hidden是只显示竖的滚动条，不显示横向的滚动条。

---

overflow的属性

1、overflow:auto ；内容会被修剪，超出设置的宽高后会出现滚动条

2、overflow:scroll;内容会被修剪，不管内容是否超出，都会出现滚动条的位置

3、overflow:visible;这个是默认值，内容不会被修剪，会出现在元素框外面。

4、overflow:hidden;内容被修剪，多余的内容被隐藏

5、overflow:inherit;从父元素那里继承overflow的值。

小结

没事多百度，没有查不到哦。
感谢您的阅读~~