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)
上一篇 2022年7月12日 下午2:16
下一篇 2022年7月12日 下午2:16


相关推荐

  • 使用formdata上传文件报400

    使用formdata上传文件报400在使用 formData 上传文件时 formData 代码 jQueryAjax 文件上传封装通用类

    2026年3月20日
    2
  • 如何像计算机科学家一样思考Python,这本书告诉你答案

    如何像计算机科学家一样思考Python,这本书告诉你答案首先还是要简单介绍一下 Python 是一种高级的 通用的 结构化的 强大的 开源的编程语言 用于各种编程任务 它具有完全动态的类型系统和自动内存管理功能 类似于 Scheme

    2026年3月26日
    3
  • ideaVim 设置[通俗易懂]

    ideaVim 设置[通俗易懂]1、打开如图所示的文件夹:C:\Users\你的用户名\2、创建_ideavimrc文件3、文件内添加以下代码:letmapSpace=”sethlsearchsetincsearchsetignorecasesetsmartcasesetshowmodesetnumbersetrelativenumbersetscrollof…

    2022年10月1日
    4
  • pyinstall 常见错误

    pyinstall 常见错误字符编码错误 https blog csdn net weixin article details https blog csdn net article details nltk data 相关错误 https stackoverflo com questions 5465

    2026年3月17日
    2
  • 访问ftp服务器的命令_ftp命令查看文件内容

    访问ftp服务器的命令_ftp命令查看文件内容服务端域客户端登录到FTP服务器时,你可以看到服务端的文件,这个时候就要有一个区分,一个是服务端,一个是客户端,你发起连接的这台电脑就叫做客户端,要连接的FTP服务器就叫做服务端服务端目录:服务器所共享的目录,下载文件时从此目录找到对应的文件下载到本地目录本地目录:本地客户端所在的目录,上传时从此目录找到对应的文件上传到服务端目录ftp命令ftp命令用于连接ftp服务器,连接登录即可进行下载上传等操作。在连接到服务器的时候命令格式ftp[主机名]命令作用ftp进入

    2026年2月7日
    4
  • 盘点开发中那些常用的MySQL优化

    盘点开发中那些常用的MySQL优化

    2022年2月15日
    33

发表回复

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

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