html中div加滚动条

html中div加滚动条div加滚动条的两种方法:一、<divstyle=”overflow:scroll;width:400px;height:400px;”></div>记住宽和高一定要设置噢,否则不成的不过在不超出时,会有下面的滚动条,所以不是最好的选择二、<divstyle=”overflow-y:auto;overflow-x:auto;…

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

div 加滚动条的两种方法:

一、

<div style=" overflow:scroll; width:400px; height:400px;”></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/158145.html原文链接:https://javaforall.net

(0)
上一篇 2022年7月12日 上午8:46
下一篇 2022年7月12日 上午8:46


相关推荐

  • Java记事本编写HelloWorld程序[通俗易懂]

    Java记事本编写HelloWorld程序[通俗易懂]目录1编写第一个Java程序1.1高端的技术,往往使用最朴素的方法1.2编译后运行2main方法3输出语句4分号作用1编写第一个Java程序让我们编写一个简单的Java程序,它将在屏幕上打印“HelloWorld”。publicclassMain{publicstaticvoidmain(String[]args){System.out.println(“HelloWorld”);}}在上面的例子中,我们命

    2022年5月10日
    42
  • 时序数据库应用_tsdb时序数据库

    时序数据库应用_tsdb时序数据库前言mysql可能大家都用的比较多且普遍,最近1年在使用PostgreSql,其大体DML语句与mysql类似,只是部分DDL语句有些区别,写一篇文章给正在应用该数据库或者准备选型该数据库的朋友,分享下使用方式与心得PostgreSqlPostgreSQL是一种特性非常齐全的自由软件的对象-关系型数据库管理系统(ORDBMS),是以加州大学计算机系开发的POSTGRES,4.2版本为基础的对象关系型数据库管理系统。POSTGRES的许多领先概念只是在比较迟的时候才…

    2026年4月15日
    10
  • VBS代码–很恶心的整人效果

    VBS代码–很恶心的整人效果—-我们会经常遇到一些无聊的文件,一旦我们打开它就会出现各种烦人的新窗口,今天来看的是VBS脚本—-一:VBS简介VBS是基于VisualBasic的脚本语言。VBS的全称是:MicrosoftVisualBasicScriptEditon。(微软公司可视化BASIC脚本版)。其语言类似VisualBasic(VB),VBS是微软的WSH脚本的一种,WSH是是Win

    2022年4月28日
    69
  • ESLint结合gulp使用

    ESLint结合gulp使用ESLint结合gulp使用一、安装二、使用步骤1.引入库2.读入数据总结一、安装示例:pandas是基于NumPy的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):importnumpyasnpimportpandasaspdimportmatplotlib.pyplotaspltimportseabornassnsimportwarningswarnings.filterwarnings(‘ignore’)im

    2022年6月18日
    28
  • 微分和积分公式大全

    微分和积分公式大全1 极限公式 系数不为 0 的情况 2 下列常用等价无穷小关系 x gt 0 3 导数的四则运算法则 4 基本导数公式 5 高阶导数的运算法则 6 基本初等函数的 n 阶导数公式 7 微分公式与微分运算法则 8 微分运算法则 9 基本积分公式 10 下列常用凑微分公式 11 补充下面几个积分公式 12 分部积分法公式 13 第二换元积分法中的三角换元公式 14 特殊角的

    2026年3月16日
    2
  • Android进阶-apk系统签名

    Android进阶-apk系统签名一、来源有时候我们开发一个apk需要系统权限,于是我们便会在apk的AndroidManifest.xml中添加如下属性:android:sharedUserId="android.uid.system"这个时候我们去安装apk,会提示:INSTALL_FAILED_SHARED_USER_INCOMPATIBLE这个时候就是需要给apk一个系统签名。…

    2022年6月21日
    33

发表回复

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

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