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属性的添加