时间:2021-05-08
今天做了个例子:
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
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
直接为div指定overflow属性必须指定div的高度:复制代码代码如下:div设置滚动条显示:overflow:yesdiv设置滚动条自适应显示:overf
div显示上下左右滚动条这里是你要显示的内容 div显示上下滚动条的css代码这里是你要显示的内容 div显示左右滚动条的css代码这里是你要显示的内容
css给div添加滚动并隐藏滚动条,具体代码如下所示:在html中下面内容会单独滚动11111111111111112222222222222223333333
div添加滚动条只需要指定overflow属性为auto即可,以下实例设置了div水平滚动条:实例菜鸟教程--学的不仅是技术,更是梦想!!!菜鸟教程--学的不仅
IE浏览器,div模拟滚动条,div宽度小于18滚动条不滚动环境win7IE10代码:复制代码代码如下:scrollIE10浏览器运行在IE7,8,9,10模式