给div加滚动条 div显示滚动条设置代码

ttx9n · 发表于 2013-4-25 12:01:56

div加滚动条在前端的网页布局中为了达到类似textarea的效果采取的一种方式，下面提供了几种设置方法，需要注意的是直接为div指定overflow属性为auto即可，但是必须指定div的高度今天做了个例子：
div 的滚动条问题：
两种方法：
一、

复制代码代码如下:
<div style=" overflow:scroll; width:400px; height:400px;”></div>

记住宽和高一定要设置噢，否则不成的

不过在不超出时，会有下面的滚动条，所以不是最好的选择
二、

复制代码代码如下:
<div style=" overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div>

记住宽和高一定要设置噢，否则不成的
这样比较好的是，在宽和高不超出时，只是一条线
三、说明
直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下：

复制代码代码如下:
<div style="position:absolute; height:400px; overflow:auto">
</div>

如果要出现水平滚动条，则： overflow-x:auto
同理，垂直滚动条为： overflow-y:auto
如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative

fzyzy · 发表于 2022-8-8 09:10:48

的vgdsvsdvdsvdsvds

溪谷玉贤 · 发表于 2022-12-13 02:58:50

看看看咋么

xf9hlg1 · 发表于 2022-12-21 02:04:23

撒旦撒旦撒擦擦擦擦

wqpa63gz · 发表于 2023-7-2 17:54:43

啊，数码撒飒飒飒飒

fzyzy · 发表于 2024-3-12 02:18:58

来看看怎么样

e5plu · 发表于 2024-3-18 18:21:15

感谢楼主分享

u6h2m4 · 发表于 2024-3-29 19:45:52

女生看了弄丢了卡萨诺的卡洛斯

e8hwl6prw · 发表于 2024-8-5 08:39:51

哈哈哈哈哈哈

vir5051 · 发表于 2024-8-8 02:18:29

很不错的玩意

账号		自动登录	找回密码
密码			立即注册

[CSS] 给div加滚动条 div显示滚动条设置代码

相关帖子