您的位置：首页 > 其它

给div设置滚动条

2015-05-30 20:39 176 查看
如果不特别设定，div在可视范围里是默认没有滚动条的，如何使其有滚动条呢，是这样，如果希望纵向有滚动条，即y方向有滚动条，那么高度值height就要限定，100%这样的值就不能够了，

同时，要对这个div的overflow设置为auto，overflow可以分别对x轴和y轴设置

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>overflow:auto</title>
<style type="text/css">
#test_overflow{
width: 90px;
height: 100px;
background-color: pink;
}
</style>
</head>
<body>
<div id="test_overflow" style="overflow-y:auto">
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  overflow div
相关文章推荐
新的分享
章节导航