<!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

     <style>

         body{

             margin: 0;

         }

         .head{

             height: 48px;

             background-color: aqua;

         }

         .c1{

             position: absolute;

             background-color: #8aab30;

             left: 0;

             width: 118px;

         }

         .c2{

             position: absolute;

             background-color: #0000FF;

             left: 120px;

             right: 0;

             top: 48px;

             bottom: 0;

             overflow: auto;

         }

         li{

             list-style: none;

         }

     </style>

 </head>

 <body>

     <div class="head"></div>

     <div class="body-body">

         <div class="c1">

         </div>

         <div class="c2">

             <ul>

                <li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li>

                <li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li>

             <li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li>

             <li>241</li><li>241</li><li>241</li><li>241</li><li>241</li>

                <li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li>

            </ul>

         </div>

     </div>

 </body>

 </html>

overflow: auto;溢出自动显示的更多相关文章

  1. Vue中实现聊天窗口overflow:auto自动滚动到底部，实现显示当前最新聊天消息

    在做消息的项目,当有新消息的时候让新消息出现在最底部,此时的box用的是overflow:auto 注意:vue项目需要注意在dom结构渲染完再进行操作 <div class="mai ...

  2. 让超出div内容的显示滚动条：overflow:auto，以及overflow其它属性

    css的属性,以前没用过遇到了,记录一下: 虽然layui本来自带这个处理,但是为了灵活,抛弃layui原有的加载,只是用layui的样样式,就要使用到这个css属性 总结overflow属性: /* ...

  3. ios下元素溢出设置 overflow:auto; 不能滑动解决办法

    ios下元素溢出设置 overflow:auto; 不能滑动解决办法: overflow:auto; overflow-y:scroll; -webkit-overflow-scrolling:tou ...

  4. CSS基础 overflow 内容溢出部分显示效果

    属性:overflow 值 作用 visible 默认,内容溢出部分可见 hidden 内容溢出部分不可见 scroll 内容有无溢出,都有滚动条 auto 有内容溢出,自动显示滚动条

  5. css3控制标题字数超出的部分自动显示为“...”省略号

    css3功能强大,可以让超出指定宽度的部分自动显示为"..." 代码如下 display:block;text-overflow:ellipsis;white-space:nowr ...

  6. CSS---解决内容过多就会出文本溢出（显示在区域外面，不换行的情况）

    当我们设置我的的div,或者其它文本框固定宽度之后,文本内容过多就会出文本溢出(显示在区域外面,不换行的情况). 这时我们可以使用Css中的几个属于来解.有以下的三个属于可以解决问题: 1,word- ...

  7. CSS 单行溢出文本显示省略号...的方法（兼容IE FF）（转）

    http://www.52css.com/article.asp?id=602 ===================================================     html ...

  8. overflow:auto/hidden的应用

    一.自适应两栏布局 <!DOCTYPE html><html lang="zh-CN"><head> <meta charset=&quo ...

  9. css 溢出文本显示省略号

    这个标题其实已经是一个老生常谈的问题了.很多时候,比如网站最基本的文章列表,标题会很长,而显示列表的区域宽度却没有这么宽,这时候最正常的做法就是 让超出宽度的部分文字用省略号(…)来表示.通常做法是网 ...

随机推荐

  1. zend 和 esftp插件开发大型PHP项目，ZEND最常用快捷键

    先说一下如何安装zend的esftp插件,下载插件esftp-1.1.1.zip,下载地址http://sourceforge.net/projects/esftp/ 或者 http://yun.ba ...

  2. 关于Unicode转为str的方法

    unicode_a=u'\u810f\u4e71' str_a=unicode_a.encode('unicode-escape').decode('string_escape')

  3. Python 自定义模块的打包和发布

    写了一个Python模块,要求打包发布,供同事们使用,好吧,查了一下,网上大部分教程没有一个能把话说明白,不过最后还是解决了,特此记录一下, 以免下次遇到同样问题,也帮助其他有缘人,哈哈. 首先看一下 ...

  4. Data Structure Binary Tree: Populate Inorder Successor for all nodes

    http://www.geeksforgeeks.org/populate-inorder-successor-for-all-nodes/ #include <iostream> #in ...

  5. 浮动float

    一.浮动定义:会强制改变display为inline-block,使元素排队列,(排列方式由属性值决定,left / rihgt), 使该元素处于半脱离文档状态 二.浮动元素处于半飘离状态,能看到浮动 ...

  6. python3 内置常用函数系列一

    python3 内置了一系列的常用函数, python英文官方文档详细说明:点击查看, 为了方便查看,将内置常用的函数的记录一下来. Python3版本所有的内置函数: 1.abs() print(a ...

  7. alpine安装更新

    apk search libaio apk add make cmake libaio-dev libffi-dev glib-dev glib

  8. case 练习

    #!/bin/bash RED_COLOR="\E[1;31m" GREEN_COLOR="\E[1;32m" YELLOW_COLOR="\E[1; ...

  9. castle windsor学习----- CastleComponentAttribute 特性注册

    [CastleComponent("GenericRepository", typeof(IRepository<>), Lifestyle = LifestyleTy ...

  10. Alembic Migrations

    Introduction The migrations in the alembic/versions contain the changes needed to migrate from older ...