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

2025-05-24 02:14:15

1、问题一:怎么让div内容超出后自动显示滚动条只需要用到css的一个overflow:auto的属性就可以实现这效果了。下面我们看看代码和实现的效果。

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

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

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

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

5、关于overflow的其他属性的介绍:o箪滹埘麽verflow 一共有5个属性。1、overflow:auto ;内容会被修剪,超出设置的宽高后会出现揠羧癞思滚动条2、overflow:scroll;内容会被修剪,不管内容是否超出,都会出现滚动条的位置3、overflow:visible;这个是默认值,内容不会被修剪,会出现在元素框外面。4、overflow:hidden;内容被修剪,多余的内容被隐藏5、overflow:inherit;从父元素那里继承overflow的值。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢