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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • mysql 创建数据库 utf8 命令_mysql创建数据库 utf8

    mysql 创建数据库 utf8 命令_mysql创建数据库 utf8CentOS6.5下通过Shell创建、备份、还原MySQL数据库CentOS6.5下通过Shell创建、备份、还原MySQL数据库创建数据库:mysql-uroot-p123456-e”CREATEDATABASEIFNOTEXISTSyourDatabaseNameDEFAULTCHARSETutf8COLLATEutf8_g…文章微wx笑2014-12-083…

    2025年7月29日
    3
  • Mysql 添加字段或者创建表SQL语句「建议收藏」

    Mysql 添加字段或者创建表SQL语句「建议收藏」最近要向测试和运维发SQL脚本,习惯了用工具,忘记了原始操作手法

    2022年10月10日
    3
  • LeetCode刷题_LeetCode刷题手册

    LeetCode刷题_LeetCode刷题手册  虽然刷题一直饱受诟病,不过不可否认刷题确实能锻炼我们的编程能力,相信每个认真刷题的人都会有体会。现在提供在线编程评测的平台有很多,比较有名的有hihocoder,LintCode,以及这里我们关注的LeetCode。LeetCode收录了许多互联网公司的算法题目,被称为刷题神器,我虽然早有耳闻,不过却一直没有上面玩过。  据了解,LeetCode是一个非常棒的OJ(OnlineJ…

    2025年8月8日
    5
  • intellijidea激活码_通用破解码

    intellijidea激活码_通用破解码,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月16日
    87
  • 选择排序——C语言代码

    选择排序——C语言代码介绍选择排序下面是我在网上找的示例图,便于更好地理解选择排序通过这个图我们明白K只是一个标记,它标记的是比较中小的数。我们第一轮我们可以找到所有数中最小的数,然后让它和处于第一位的数进行位置交换,第二轮比较时,第一轮找出的最小数不在参加比较,然后我们可以找出剩下数中最小的数,之后的每轮同理。下面大家看一下我的代码首先要明白for(j=i+1;j&lt;=9;j++) { if(a[k]&…

    2022年6月25日
    35
  • Android中Context具体解释 —- 你所不知道的Context

    Android中Context具体解释 —- 你所不知道的Context

    2021年12月15日
    38

发表回复

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

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