DIV滚动条设置 CSS滚动条显示与滚动条隐藏,对div设置滚动条,设置其横向滚动条和纵向滚动条样式。所需CSS样式为overflow-y和overflow-x来设置div盒子对象右侧和底部滚动条效果。同时也可以使用CSS样式设置html框架iframe的滚动条隐藏。
overflow-y:scroll; 总是显示纵向滚动条
overflow-y:visible : 不剪切内容也不添加纵向滚动条
overflow-x:scroll; 总是显示横向滚动条
overflow-x:visible : 不剪切内容也不添加横向滚动条
方法一、
<div style="overflow:scroll; width:400px; height:400px;"></div>
方法二、
<div style="overflow-y:auto; overflow-x:auto; width:400px; height:400px;"></div>
说明:宽和高一定要设置,并且不能设置为百分比。
如果要出现水平滚动条,则: overflow-x:auto
同理,垂直滚动条为: overflow-y:auto