怎么给div加滚动条_IT百科

1、<divstyle="height:300pxwidth:100pxoverflow:auto"><div/>（height和width根据需求设定）

注意:如果只写height就只有垂直滚动条，只写width就只有水平滚动条,都不写没有效果。还有这里overflow设置为auto,也就说是如果你的页面高度大于300px就会出现滚动条，小于300px就没有滚动条。同理，如果宽度大于100px出现滚动条，小于就没有。

2、你也可以将overflow设置为scroll，即:<divstyle="height:300pxwidth:100pxoverflow:scroll"><div/>。这样设定的效果为早亩

不管你的页面高度大于还是小于300px,都会出现滚动条，宽度同理。

3、也可以这样设置

水平滚动条：<divstyle="width:100pxoverflow-x:auto"></div>

垂直滚动条：<divstyle="height:300pxoverflow-y:auto"></div>

水平加垂直：<divstyle="width:100pxheight:300pxoverflow-x:autooverflow-y:auto"></div>

扩展资料

<div>可定义文档中的分区或节（division/section）。

<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用睁举任何格式与其关联。

如果用id或class来标记<div>，那么该标签陆早森的作用会变得更加有效。

注释：<div>是一个块级元素，也就是说，浏览器通常会在div元素前后放置一个换行符。

提示：请使用<div>元素来组合块级元素，这样就可以使用样式对它们进行格式化。

参考资料：百度百科div

（1）咐举态如果用Label，要想让其出现滚动条，可以把Label放进Panel容器，让Panel的AutoScroll设为True，将Label的AutoSize设为false，但是问题是由于信息长度不确定，无法事先确定Label的长度。

（2）如果用TextBox，滚动条的问题和长度自动确定的问题都可以化解，但是无法做到像Label让用答帆户无法选择的衡源目的，比如将Enable设为False，文字太长，出现滚动条后，居然不能拖动。

overflow:scroll/*任何时候都强制显示滚动条*/

overflow:auto/*需要的时候会出现滚动条*/

overflow-x:auto/*控制X方向的滚动条*/

overflow-y:auto/*控制Y方向的滚动条*/

示例:

<HTML>

<HEAD>

<TITLE>测试表厅逗芹格内的滚动条</TITLE>

</HEAD>

<BODY>

<table>

<tr>

<td>表格内的滚动条:</td>

<td>

<div id="wins"

style="position:absoluteheight:200width:200overflow:autobackground:#EEEEEE">

<p>pppppppppppppppppppppppppppppppppppppppppppppppppp </p>

<p>ppppppppppppppppppppppppp </p>

</div>

</td>

</tr>

<tr>

<span onmouseover='scrollb=setInterval("wins.scrollLeft-=10",100)'

onmouseout=clearInterval(scrollb)>向左</扮毕span>

<span onmouseover='scrollb=setInterval("wins.scrollTop-=10",100)'

onmouseout=clearInterval(scrollb)>向上</span>

<span onmouseover='scrollb=setInterval("wins.scrollLeft+=10",100)'

onmouseout=clearInterval(scrollb)>指咐向右</span>

<span onmouseover='scrollb=setInterval("wins.scrollTop+=10",100)'

onmouseout=clearInterval(scrollb)>向下</span>

</td>

</tr>

</table>

</BODY>

</HTML>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/bake/11966147.html

怎么给div加滚动条

发表评论

评论列表（0条）