滚动
滚动行为和滚动条
![](https://img2018.cnblogs.com/blog/331769/201901/331769-20190129064637651-1540726933.png)
visible 滚动条隐藏 (内容显示出来,撑出容器)
hidden 滚动条隐藏 (超出容器的部分进行隐藏)
scroll 滚动条显示(超出容器后,可以允许用户进行滚动)
auto 滚动条自动显示(也是超出容器后,可以进行滚动,scroll是滚动条始终存在,auto是需要滚动的时候才有滚动条,不需要的时候不需要滚动条)
<style> .c1{ background: red; height: 200px; overflow: hidden; } </style> <body> <div class="c1"> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> <p>段落</p> </div> </body>
默认是visible。在mac下,auto,scroll区别不大,在windows里面当内容小于高度的时候,是有区别的