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

 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>

主要是overflow-y：auto属性的添加

posted @ 2015-10-15 16:31  挥刀  阅读(923)  评论(0)  编辑  收藏  举报