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

最新推荐文章于 2021-07-14 18:17:49 发布

weixin_33749242

最新推荐文章于 2021-07-14 18:17:49 发布

阅读量123

点赞数

原文链接：http://www.cnblogs.com/suoking/p/4882807.html

版权

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta http-equiv="Content-Type"content="text/html; charset=utf-8" />
 5     <title>限制div高度，内容多了显示滚动条</title>
 6     <style type="text/css">
 7         div{ border-radius:5px;border:1px solidred;padding:10px;}
 8         #test{min-height:250px;overflow-y:auto;max-height:300px;}
 9     </style>
10 </head>
11 <body>
12 <div>
13     <div id="test">
14         <table>
15             <tr><td>1</td></tr><tr><td>2</td></tr>
16             <tr><td>3</td></tr><tr><td>4</td></tr>
17             <tr><td>5</td></tr><tr><td>6</td></tr>
18             <tr><td>7</td></tr><tr><td>8</td></tr>
19             <tr><td>9</td></tr><tr><td>10</td></tr>
20             <tr><td>5</td></tr><tr><td>6</td></tr>
21             <tr><td>7</td></tr><tr><td>8</td></tr>
22             <tr><td>9</td></tr><tr><td>10</td></tr>
23         </table>
24     </div>
25 </div>
26 </body>
27 </html>