zoukankan      html  css  js  c++  java
  • 限制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属性的添加

    坚持下去就能成功
  • 相关阅读:
    OpenCV 3.4.0 + Visual Studio 2015开发环境的配置(Windows 10 X64)
    数值分析4
    数值分析3
    数值分析2
    数值分析1
    绪论0.4
    绪论0.3
    绪论0.2
    绪论0.1
    GitHub之起势
  • 原文地址:https://www.cnblogs.com/suoking/p/4882807.html
Copyright © 2011-2022 走看看