div:给div加滚动条 div的滚动条设置
今天做了个例子:
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
div:给div加滚动条 div的滚动条设置相关推荐
- div超出部分出现滚动条并修改滚动条的默认样式
使用overflow的属性 auto 和scroll 可以在内容超出的时候出现滚动条. overflow 设置包括水平和竖直方向内容溢出时的操作 overflow-x 设置水平方向内容溢出时的操作 o ...
- 如何div高度占满全屏无滚动条
如何div高度占满全屏无滚动条 <!DOCTYPE html> <html><head><meta charset="UTF-8"> ...
- html中div滚动条设置,DIV滚动条属性及样式设置方式
这里向大家描述一下DIV滚动条属性及样式设置,所谓DIV滚动条,就是利用DIV标签,在里面嵌入CSS样式表,加入overflow的属性值,这样,当div所规范的区域内的内容达到一定程序时,滚动条就派上 ...
- html页面判断其他div为空,将外部html加载到div中 - 页面加载然后变为空白
我确信这将会变成一件愚蠢的事情,但是自从我成为JavaScript noob以来,这里就变成了一件愚蠢的事情.将外部html加载到div中 - 页面加载然后变为空白 我想外部HTML内容加载到我的索引 ...
- 怎么在图片上面加个div层,让它浮于图片上方
怎么在图片上面加个div层,让它浮于图片上方 1.首先当然是要插入一张图片啦, 代码如下:<a href="#" target="_blank">& ...
- ajax动态加载div,JQuery/AJAX:使用动态内容加载外部DIV使用动态内容
我需要创建一个页面,使用Jquery和AJAX从外部页面加载div.JQuery/AJAX:使用动态内容加载外部DIV使用动态内容 我遇到了一些很好的教程,但它们都是基于静态内容的,我的链接和内容是由 ...
- ThreeJS动态加载div标签
思路: 1.在页面中创建一个div标签: 2.确定标签在三维场景中的三维位置: 3.计算三维位置的屏幕坐标: 4.在每一帧的渲染中都计算一下这个三维坐标的屏幕位置,并把屏幕位置赋给标签. 具体实现: ...
- html加纵向滚动条,添纵向滚动条
当前位置:我的异常网» Web前端 » 添纵向滚动条 添纵向滚动条 www.myexceptions.net 网友分享于:2013-11-24 浏览:82次 加纵向滚动条 version 1 My ...
- [译] 关于CSS中的float和position (父容器div内的子元素div为float时,父元素无法撑开(或高度自适应)的解决方式)
测试案例:http://blog.csdn.net/goodshot/article/details/44408245 当构建页面排版时,有不同的方法可以使用.使用哪一种方法取决于具体页面的排版要求, ...
- php中的div是什么意思,div是什么意思?div标签怎么用
很多刚入门的新手,对div是什么意思还不是很了解,现在很多网站上都有div,那么究竟div是什么意思?下面我们来总结一下div标签怎么用. 一:div是什么意思 我们随便打开一个网页源代码就会发现里面 ...
最新文章
- Html.DropDownListFor练习(2)
- 算法提高课-图论-单源最短路的综合应用-AcWing 1135. 新年好:dijkstra和dfs暴搜结合
- 群晖 设置 php 服务器,群晖NAS服务器iSCSI管理器配置连接及使用说明
- oracle 11g b表空间什么情况下自动增加,Oracle 11g表空间——创建和扩展(永久)表空间...
- html检查输入为空,html input输入验证不为空
- Telephone Calls
- day39-Spring 14-Spring的JDBC模板:DBCP连接池配置
- 计算机丢失vcomp110.dll,msvcp110.dll丢失一键修复工具
- Invest授粉模型问题求助
- 学习单片机系列(一)单片机选型
- 百度网盘客户端二维码无法显示及第三方无法登录问题的解决方法
- 关于二维数组,二维数组指针
- C51语言检测电平变化,单片机引脚上的电平变化
- Linux 管道通信
- 设置杀怪KillMonBurstRate爆率、KillMonExpRate经验倍数
- 解决html在手机和PC端显示效果不一致的问题
- PUK 1028 WebNavigation
- python,day7,并发编程
- 网络常见面试题总结(三)
- 图解研发项目管理流程图及结果要求实例