如何限制div高度当内容多了溢出时显示滚动条

本篇内容介绍了“如何限制div高度当内容多了溢出时显示滚动条”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

创新互联公司是一家专注于成都网站制作、成都网站设计、外贸营销网站建设与策划设计,召陵网站建设哪家好?创新互联公司做网站,专注于网站建设10多年,网设计领域的专业建站公司;建站业务涵盖:召陵等地区。召陵做网站价格咨询:028-86922220

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=utf-8" />
<title>限制div高度，内容多了显示滚动条</title>
<style type="text/css">
div{ border-radius:5px;border:1px solidred;padding:10px;}
#test{min-height:250px;overflow-y:auto;max-height:300px;}
</style>
</head>
<body>
<div>
<div id="test">
<table>
<tr><td>1</td></tr><tr><td>2</td></tr>
<tr><td>3</td></tr><tr><td>4</td></tr>
<tr><td>5</td></tr><tr><td>6</td></tr>
<tr><td>7</td></tr><tr><td>8</td></tr>
<tr><td>9</td></tr><tr><td>10</td></tr>
<tr><td>5</td></tr><tr><td>6</td></tr>
<tr><td>7</td></tr><tr><td>8</td></tr>
<tr><td>9</td></tr><tr><td>10</td></tr>
</table>
</div>
</div>
</body>
</html>


如何限制div高度当内容多了溢出时显示滚动条

“如何限制div高度当内容多了溢出时显示滚动条”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！

本文题目：如何限制div高度当内容多了溢出时显示滚动条
分享路径：https://www.cdcxhl.com/article2/jcdioc.html

成都网站建设公司_创新互联，为您提供、软件开发、网站内链、企业建站、自适应网站、外贸建站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

营销型网站建设

商城网站知识

分类信息网