frame中隐藏横向滚动条
2007-06-26 14:45
246 查看
在网吧客户端项目中使用了frame的方式，布局如下：
遇到的问题是当main中的内容超过main的指定高度时，会同时出现竖向和横向滚动条，这是一种极不好的用户体验，理想状态应该是只出现竖向滚动条，我尝试了如下解决方法：
1.直接添加body属性<body style="overflow-x:hidden;">，结果是无效；
（分析原因：overflow-x是IE独有的 css 属性,加上DTD的话可能会被忽略,就像定制滚动条颜色的css属性一样）
2.去掉DOCTYPE声明<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">以后，横向滚动条被限制了，目的虽然达到，但是假设采用div+css布局的话，去掉文档声明会引发更多的问题，所以还需要尝试一些其它的方式；
3.在使用iframe的情况下，可以不删除DOCTYPE声明，设置scrolling="yes",<body style="overflow-x:hidden;">也能生效。
以上是我做的一些尝试，知其然而不知其所以然，但是希望能够在工作中解决一些实际问题。
遇到的问题是当main中的内容超过main的指定高度时，会同时出现竖向和横向滚动条，这是一种极不好的用户体验，理想状态应该是只出现竖向滚动条，我尝试了如下解决方法：
1.直接添加body属性<body style="overflow-x:hidden;">，结果是无效；
（分析原因：overflow-x是IE独有的 css 属性,加上DTD的话可能会被忽略,就像定制滚动条颜色的css属性一样）
2.去掉DOCTYPE声明<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">以后，横向滚动条被限制了，目的虽然达到，但是假设采用div+css布局的话，去掉文档声明会引发更多的问题，所以还需要尝试一些其它的方式；
3.在使用iframe的情况下，可以不删除DOCTYPE声明，设置scrolling="yes",<body style="overflow-x:hidden;">也能生效。
以上是我做的一些尝试，知其然而不知其所以然，但是希望能够在工作中解决一些实际问题。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- frame中隐藏横向滚动条
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法私人日志
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frame中隐藏横向滚动条
- frame中隐藏横向滚动条
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frame中隐藏横向滚动条
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面在IE6中出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- 在浏览器窗口大小变化时，自动出现或隐藏滚动条，隐藏横向滚动条，仅保留纵向的
- 横向滚动条并且隐藏竖向滚动条
- 在iframe中隐藏横向滚动条的方法大全
- 在浏览器窗口大小变化时，自动出现或隐藏滚动条，隐藏横向滚动条，仅保留纵向的
- 隐藏横向或纵向滚动条
- 隐藏横向滚动条不成功的解决方案
- 隐藏横向滚动条
- 隐藏横向滚动条 CSS隐藏横向滚动条代码