设为首页 收藏本站

div css切图在线

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
网站建设
css设置
div css
兼容性
背景
导航
文字
网页制作
元素
查看: 2669|回复: 0

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

[复制链接]

498

主题

1

听众

7133

积分

管理员

Rank: 9Rank: 9Rank: 9

  • TA的每日心情
    开心
    2017-9-1 23:26
  • 签到天数: 153 天

    连续签到: 2 天

    [LV.7]常住居民III

    QQ
    QQ
    发表于 2015-5-29 11:58:56 |显示全部楼层
    这篇文章主要介绍了如何限制div高度当内容多了溢出时显示滚动条,这个方法很实用,特别是在需要显示更多内容的时候,好了看看下面的示例
    复制代码代码如下:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type"content="text/html; charset=utf-8" />
    <title>限制div高度,内容多了显示滚动条</title>
    <style type="text/css">
    div{ border-radius:5px;border:1px solidred;padding:10px;}
    #test{min-height: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 css切图,psd转静态页面,psd转html,网页切图服务,欢迎购买!QQ:2742843879
    您需要登录后才可以回帖 登录 | 立即注册

    关闭

    站长推荐上一条 /2 下一条

    '
    回顶部