内嵌DIV带滚动条效果
来源:互联网 发布:windows 窗口大小 编辑:程序博客网 时间:2024/06/06 14:47
通常我们会在网页中加入一个div,并且让它在内容比较多时出现滚动条. 其实这很简单只要给div的样式style指定值就行即style="overflow:auto" 当然还得加上对div的长宽进行设置。即style="overflow:auto;width:600px;height:300px";如下例子:
不过有个问题,如果div的大小改成百分比显示时,在IE中将会出现一个bug,即这里把width用百分比来显示即这里把style="height:300px; width:600px;overflow:auto;"改成style="height:300px; width:100%;overflow:auto;" 那么,div的横向滚动将不会出现,整个页面也将被撑的变长。另外,这种改变在Firefox中显示正常,滚动条还会回出.你可以去试试。 即要在ie中出现滚动条,必须指定具体值,而不是相对值。 有什么办法解决呢?即我希望是相对大小的方式指定div的大小,因为有时不同的浏览器的分辨率不同大小就不一样,如果用具体值写死来的话,可能页面样式有不同的效果。
在网上找了很多资料,最后找到一个方法。如下: 给外层table(id为out)加个样式style="table-layout:fixed;width:100%" 这里需要注意的是body最好也指定的它的宽度为100%. 也许这个方法早就有前辈做过了,仅供大家参考。
有啥疑问可以留言。
- 内嵌DIV带滚动条效果
- div带滚动条
- 带滚动条的 DIV
- 带滚动条的div
- 带滚动条的DIV
- div的滚动条效果
- 创建一个带滚动条的div
- 创建一个带滚动条的div
- 带滚动条DIV 简要说明
- 带滚动条居中显示DIV
- div滚动条效果及滚动条美化
- jquery使用div实现滚动条效果
- DIV+CSS固定高度滚动条效果
- div+js实现自制滚动条效果
- JQ带滚动效果的导航条
- selenium之 如何控制网页内嵌div中滚动条的滚动
- selenium之 如何控制网页内嵌div中滚动条的滚动
- jquery控制div随滚动条滚动效果
- 中国到底有没有symbian高手?
- 三维测量软件
- QT+MinGW在windows中静态编译程序
- 需要帮忙的命题
- 需要帮忙的命题
- 内嵌DIV带滚动条效果
- 我们程序员真正要的是什么?
- 正确地做事与做正确的事同样重要
- CFilDialog 中的GetFolderPath Assertion Error!
- 先安装了.net framework后,再安装IIS。访问 IIS 元数据库失败。
- 一次通过Oracle8i入侵系统之旅(图)
- Python文件管理
- 20 java relevant web site
- PECompact v2.87 Beta