Jul 13

如何给div加滚动条,div的滚动条设置 不指定

admin , 20:22 , 编程 » 编程(样式-CSS) , 评论(0) , 引用(0) , 阅读(1238) , Via 本站原创 | |
搜索
我已经获得阿里云幸运券,准备分享给您。请点击获取  

如何给div加滚动条,div的滚动条设置
How to div and scroll, scroll bar to set div?
今天在弄一个div的弹出框,里面包含文字和图片,当文字过多的时候,图片会移出div ,怎么解决呢?
Box in Figure div a pop-up today, which contains the text and pictures, when too much text, pictures will be removed from the div, how to solve?

这时想到了设置一个div的滚动条。
设置方法如下:
直接为div指定overflow属性为auto且必须指定div的高度,如下:
<div style="position:absolute; height:400px; overflow:auto">
</div>
这里为了方便样式直接写上,样式可以根据具体需要设置在样式文件
如果要出现水平滚动条,则设置overflow-x:auto
同理,垂直滚动条为: overflow-y:auto
如果该div被包含在其他对象例如td中,则位置可设为相对:position:relative
设置前的例子:
如何设置div滚动条“ /><br />设置后:<br /><img class=