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/118582.html原文链接:https://javaforall.net

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


相关推荐

  • CSS常用颜色代码对照表

    CSS常用颜色代码对照表FFFFFF#DDDDDD#AAAAAA#888888#666666#444444#000000#FFB7DD#FF88C2#FF44AA #FF0088 #C10066 #A20055 #8C0044 #FFCCCC#FF8888#FF3333 

    2022年5月17日
    42
  • 小议隐式转换引起的问题

    小议隐式转换引起的问题

    2021年11月28日
    161
  • Linux网络下载管理工具(lftp, ftp, lftpget, wget)「建议收藏」

    Linux网络下载管理工具(lftp, ftp, lftpget, wget)「建议收藏」网络客户端管理工具在Linux中,通常用网络客户端管理工具实现文件的下载与上传,主要有以下几种,分别为lftp工具,ftp工具,lftpget工具,wget工具,在centos7中,要尽量学会lftp,lftpget等工具,下面多这些工具的简单使用逐一介。lftp使用命令manlftp可查看其具体的使用方法,如果lftp工具未安装,使用yuminstalllftp命令进…

    2022年5月29日
    40
  • adb shell ps_ps alt+delete

    adb shell ps_ps alt+deleteRemove-adcomputer是一个删除计算机的命令,执行比较简单,执行格式如下:Remove-adcomputer-identityraymondpc

    2022年9月17日
    0
  • 均方误差(MSE)「建议收藏」

    均方误差(MSE)「建议收藏」均方误差单独扽概念是很简单的,这里只做介绍,更深一步的内容会在后面列出来。SSE(和方差、误差平方和):ThesumofsquaresduetoerrorMSE(均方差、方差):MeansquarederrorRMSE(均方根、标准差):Rootmeansquarederror数理统计中均方误差是指参数估计值与参数真值之差平方的期望值,记为MSE。MSE是衡量“…

    2022年9月30日
    0
  • Docker常用命令大全「建议收藏」

    Docker常用命令大全「建议收藏」Docker是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的Linux或Windows操作系统的机器上,也可以实现虚拟化、容器是完全使用沙箱机制,彼此之间没有任何接口。一个完整的Docker有以下几个部分组成:DockerClient客户端Docker守护进程守护进程Docker镜像镜像Docker容器容器下面是Docker的常用命令:Docker常用命令大全容器生命周期管理命令runstart/stop/restart

    2022年9月18日
    0

发表回复

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

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