zoukankan      html  css  js  c++  java
  • DIV的高度固定,当超出固定高度时,出现自动滚动条

    使用关键代码:overflow-y: auto,并且限制高度实现功能。

    实例演示如下:

    1、Html代码如下:一个简单的div,暂时内容为空。

    css样式如下:

    此时页面展示如下:

    2、在第一步div加入一些文字,如下:

    此时页面展示如下:已自动展现抄滚动条。

    扩展资料:

    CSS的overflow 属性解析:

    1、定义和用法。

    overflow 属性规定当内容溢出元素框时发生的事情。

    2、兼容性(浏览器支持)。

    所有主流浏览器都支持 overflow 属性,任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

    3、属性说明。

    属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所zhidao有内容也会出现滚动条。

    可能的值如下:

  • 相关阅读:
    jq原创幻灯片插件slideV1.0
    jq原创弹出层折叠效果
    jq实现鼠标经过图片翻滚效果
    开源代码的来源
    名词解析
    Joomla软件的简单介绍
    Java集合类的使用
    笔记
    MySQL基础篇一
    MySQL基础篇一
  • 原文地址:https://www.cnblogs.com/zhang1f/p/12902629.html
Copyright © 2011-2022 走看看