div:给div加滚动条 div的滚动条设置

div:给div加滚动条 div的滚动条设置
今天做了个例子:
div的滚动条问题:
两种方法:
一、

记住宽和高一定要设置噢,否则不成的

不过在不超出时,会有下面的滚动条,所以不是最好的选择
 
二、

大家好,又见面了,我是你们的朋友全栈君。

今天做了个例子:

div 的滚动条问题:

两种方法:

一、

<div style=” overflow:scroll; width:400px; height:400px;”></div>

记住宽和高一定要设置噢,否则不成的

div:给div加滚动条 div的滚动条设置

不过在不超出时,会有下面的滚动条,所以不是最好的选择

 

二、

<div style=” overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div>

记住宽和高一定要设置噢,否则不成的

这样比较好的是,在宽和高不超出时,只是一条线

三、说明

直接为div指定overflow属性为auto即可,但是必须指定div的高度,如下:

<div style=”position:absolute; height:400px; overflow:auto”>

</div>

如果要出现水平滚动条,则: overflow-x:auto

同理,垂直滚动条为: overflow-y:auto

如果该div被包含在其他对象例如td中,则位置可设为相对:position:relative

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/157982.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • vue.js和jquery的区别_人和人类的区别是什么

    vue.js和jquery的区别_人和人类的区别是什么jquery:曾经是前端最流行的js库。vue:是一个精简的MVVM,从技术角度讲。vue.js专注于MVVM模型的ViewModel层,它通过双向数据绑定把view和Model层连接起来,通过对数据的操作就可以完成对页面视图的渲染。vue和jQuery区别:①vue和jQuery对比jquery是使用选择器()选取DOM对象,对其进行赋值、取值、事件绑定等操作,其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象,而数据和界面是在一起的。②比如需要获取label标签的内..

    2022年10月15日
    0
  • mapstruct使用的正确姿势

    mapstruct使用的正确姿势我们都知道,随着一个工程的越来越成熟,模块划分会越来越细,其中实体类一般存于domain之中,但domain工程最好不要被其他工程依赖,所以其他工程想获取实体类数据时就需要在各自工程写model,自定义model可以根据自身业务需要映射相应的实体属性。这样一来,这个映射工程貌似并不简单了。阿森差点就犯难了……序 所以阿淼今天就要给大家安利一款叫mapstruct的插件,它就…

    2022年5月17日
    38
  • 网络通信中 TCP 产生 RST 的三个条件分析

    网络通信中 TCP 产生 RST 的三个条件分析RST是TCP发生错误时发送的一种TCP分节(segment:传输层的PDU),可用来异常的关闭一个连接,此时客户端会返回一个ECONNREFUSED错误。它会在以下三种情况下产生:目的地为某个端口的SYN到达服务器,但并没有服务器在该端口监听。TCP想取消一个已有连接,即异常地关闭连接。TCP接收到一个根本不存在的连接上的分节。第一种情况可能有如下…

    2022年9月27日
    0
  • c语言之字符型数据类型关键字_字符型系统数据类型主要包括

    c语言之字符型数据类型关键字_字符型系统数据类型主要包括字符型数据类型就是字符1、字符数据的表示字符型数据是用单引号括起来的一个字符。例如:’a’、’b’、’=’、’+’、’?’都是合法字符型数据。在C语言中,字符型数据有以下特点:字符型数据只能用单引号括起来,不能用双引号或其它括号。字符型数据只能是单个字符,不能是字符串。字符可以是字符集中任意字符。但数字被定义为字符型之后就不能参与数值运算。如’5’和5是不同的。’5’是字符型数据,不能参与运算。…

    2025年7月11日
    0
  • SpringMVC工作原理及其流程

    SpringMVC工作原理及其流程本文介绍SpringMVC的基本原理,对于一个浏览器请求,SpringMVC的处理流程。SpringMVC主要包含一下组件DispatcherServlet-前端控制器HandlerMapping-处理器映射Controller-控制器ViewResolver-视图解析器View-视图Spring的请求流程SpringMVC的核心在于其请求流程,这是使用Spring…

    2022年5月14日
    38
  • java xml解析框架_JAVA解析xml的五种方式对比

    java xml解析框架_JAVA解析xml的五种方式对比本篇文章主要对比Java即系xml的五种方式,这五种方式各有利弊,大家可以看情况采用哪一种。1.DOM解析DOM是html和xml的应用程序接口(API),以层次结构(类似于树型)来组织节点和信息片段,映射XML文档的结构,允许获取和操作文档的任意部分,是W3C的官方标准优点①允许应用程序对数据和结构做出更改。②访问是双向的,可以在任何时候在树中上下导航,获取和操作任意部分的数据。缺点①通常需要…

    2022年6月4日
    129

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号