overflow滚动条无效
2017-12-14 16:57
162 查看
在开发一个项目中遇一个奇葩的问题，设置了overflow：auto样式，按理来说当表格内容超出后就会出现滚动条，y轴滚动条是出现了，
x轴滚动条无论如何设置都是现实不出来。看了样式，发现overflow:auto样式也没有被覆盖，非常奇怪感觉撞邪邪一样。
经过多番查询才发现，开发项目使用的jsp文件，使用<ifram>进行页面布局最外成的<body>标签设置了overflow:hidden，
原因：原来是<iframe>设置了一个固定高度，最外层<body>设置内容超出后隐藏，使得子集页面X轴滚动条被隐藏了。
解决方案：设置子集<ifram>高度调小一些即可
x轴滚动条无论如何设置都是现实不出来。看了样式，发现overflow:auto样式也没有被覆盖，非常奇怪感觉撞邪邪一样。
经过多番查询才发现，开发项目使用的jsp文件，使用<ifram>进行页面布局最外成的<body>标签设置了overflow:hidden，
原因：原来是<iframe>设置了一个固定高度，最外层<body>设置内容超出后隐藏，使得子集页面X轴滚动条被隐藏了。
解决方案：设置子集<ifram>高度调小一些即可
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS中overflow:hidden在ie6、ie7无效不能隐藏解决办法
- IE7下设置overflow:auto下滚动条不起作用
- ie6,ie7下设置overflow:auto下滚动条不起作用
- 解决IE6,IE7下子元素使用position:relative、父元素使用overflow:auto后，子元素不随着滚动条滚动的问题
- [转]对 td 使用 overflow:hidden; 无效的几点错误认识
- CSS---前端通过 css如何实现overflow:auto滚动超出部分的同时隐藏滚动条？
- 关于HTML下overflow-y:auto无效、清除HTML默认边距、解决去除手机访问网页时的左右多余空白的三个方法汇总
- 项目中发现在ie6和ie7里面overflow:hidden无效
- css使用overflow属性控制滚动条的样式
- CSS中overflow隐藏、滚动条、换行等用法
- DIV 加 ＣＳＳ(overflow: auto;)定义来制作 scroll bar 滚动条效果
- overflow滚动条样式调整
- CSS vw让overflow:auto页面滚动条出现时不跳动
- css pre如果同时运用了css的border-radius、 overflow两个属性且标签中内容太多时,外部div滚动条在firefox下滚动时很卡
- 网页滚动条样式 overflow 转
- CSS-overflow:auto溢出加滚动条
- safari中overflow:hidden对CSS模糊滤镜溢出隐藏无效解决办法
- overflow滚动条样式设置，ie和webkit内核
- DIV实现纵向滚动条overflow-y