zoukankan      html  css  js  c++  java
  • 滚动

    滚动行为和滚动条
    visible 滚动条隐藏 (内容显示出来,撑出容器)
    hidden 滚动条隐藏 (超出容器的部分进行隐藏)
    scroll 滚动条显示(超出容器后,可以允许用户进行滚动)
    auto 滚动条自动显示(也是超出容器后,可以进行滚动,scroll是滚动条始终存在,auto是需要滚动的时候才有滚动条,不需要的时候不需要滚动条
    <style>
    .c1{
      background: red;
      height: 200px;
      overflow: hidden;
    }
    </style>
    <body>
    <div class="c1">
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
      <p>段落</p>
    </div>
    </body>
    默认是visible。在mac下,auto,scroll区别不大,在windows里面当内容小于高度的时候,是有区别的
  • 相关阅读:
    SQL解发器与SQL游标实例
    动态调用JS
    HDU_5729_rmq+二分
    struts2 在MyEclipse中 的配置
    Struts 1.2 中如何测试Action
    OGNL使用小结【转】
    JUnit中assertEquals和assertSame方法的不同
    struts2 ActionContext
    ser文件与Java对象序列化
    测试Action组件代码(StrutsTestCase)
  • 原文地址:https://www.cnblogs.com/wzndkj/p/10332467.html
Copyright © 2011-2022 走看看