博客> 超过一定高度自动显示垂直滚动条
超过一定高度自动显示垂直滚动条
2020-01-26 17:09 评论:0 阅读:607 hxf1128447
Javascript

注意:IE8支持max-height属性 显示垂直滚动条的要点: (1)设置元素的高度 (2)设置overflow-y为auto 实例: Html代码   1.<!DOCTYPE html>   2.<html lang="en">   3.<head>   4.    <meta charset="UTF-8">   5.    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">   6.    <meta name="viewport"   7.          content="width=device-width, initial-scale=1.0, maximum-scale=1">   8.    <title>寰宇极速浏览器-www.ub11.info</title>   9.    <style>   10.        ul.tag_options {   11.            list-style: none;   12.            width: 228px;   13.            font-size: 12px;   14.            padding: 10px;   15.            position: absolute;   16.            z-index: 999;   17.            border: 2px solid #1b23e8;   18.            border-top: 0;   19.            background: #fff;   20.            max-height: 350px;   21.            overflow-y: auto;   22.            overflow-x: hidden;   23.        }   24.        ul.tag_options li {   25.            width: 202px;   26.            height: 35px;   27.            line-height: 35px;   28.            text-decoration: none;   29.            color: #333;   30.            padding: 0 10px;   31.            display: block;   32.            border-radius: 3px;   33.        }   34.        .tag_options li {   35.            text-overflow: ellipsis;   36.            white-space: nowrap;   37.        }   38.    </style>   39.</head>   40.<body>   41.   42.<!--IE8 支持max-height-->   43.   44.

  • ddddd123   45.
  • 测试增购后开始时间不对   46.
  • 测试续购之后增购520   47.
  • aaaaa233   48.
  • 测试all in one   49.
  • 企业名称会置灰吗   50.
  • 现在应该不会置灰了吧   51.
  • 1111fdfdf   52.
  • [removed]alert(...   53.
  • [removed]alert(...   54.
  • [removed]docume...   55.
  • aa<>"   56.
  • cc<>"aaa   57.
  • aa<>"aaaa   58.
  • aa<>"rrr   59.
  • ccc<>"33aa   60.
  • 寰宇极速浏览器有限公司多...   61.
   62.</body>   63.</html>    不使用max-height的后果:

收藏
0
sina weixin mail 回到顶部