复制代码
代码如下:
<!DOCTY PE ht ML P ub LIC "-//W3C//DTD XHTML 1.0Trans IT ional//EN""http://www.w3. org /TR/xhtml1/DTD/xhtml1 -t ransitional.dtd">
<htm lxml nshtml XM lns="http://www.w3.org/1999/xhtml">
<head>
< ;m eta http-equiv="Content-Type"content="text/html; charset=utf-8" />
<title>限制div高度，内容多了显示滚动条</title>
<style type="text/css">
div{ border-radius:5px;border:1px solid red ;padding:10px;}
# test {min-h ei ght: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高度当内容多了溢出时显示滚动条的详细内容...