IE9 BUG overflow :auto 底部空白解决方案

最新推荐文章于 2023-04-03 15:12:11 发布
最新推荐文章于 2023-04-03 15:12:11 发布
阅读量1k 收藏
点赞数
分类专栏： web前端

今天去升级了到IE9,运行项目的时候发现,我的div显示滚动条时候,用js动态加载进去的内容在光标移动的时候,底部自动被撑大留着空白,

IE8 Chrome这些以前都试过 没发现这个问题

研究了好久 发现 是overflow :auto这个样式的问题,

当我设置成固定显示的时候就不会留空白,于是搜了一下,发现MSDN也有人有这样问题

回答是:这是IE9的一个BUG

http://social.microsoft.com/Forums/id-ID/1c239c1d-84d2-461b-991d-d7834edaa121/ie9bug?forum=267

解决方法是 加多一个 min-height:0%

于是试用一下,果然就正常了,希望这篇文章能帮到同样问题的童鞋

syzxlxx
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
让pre标签自动换行示例代码
09-28
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符，下面为大家介绍下如何让pre标签自动换行，感兴趣的朋友可以参考下
html pre多个空格,javascript-PRE元素内有多余的空格
weixin_35418139的博客
06-07 746
因此,通常我会像这样格式化HTML源代码：Text...Text...Code...Code...Code...Text...Text...但是,此格式样式与PRE元素不兼容,因为这些元素内的所有空白都很重要.为了修复代码块的表示形式,我将必须像这样格式化源代码：Text...Text...Code...Code...Code...Text...Text...但是,这降低了我的源代码的整洁度和可读...
pre标签导致打印页面出现大片空白
lixiaohua66的博客
08-12 376
1.给存放的容器添加以下css .pcol{white-space: pre-wrap; word-wrap: break-word; word-break: break-all;} 2.打印的时候把pre标签替换成div等你需要的标签： $("pre").each(function(){ $(this).replaceWith("<div class='pcol'>"+$(this).html()+"</div>") }); //打印触发 ...
IE9父容器overflow:auto时，子容器状态更改导致滚动条下出现额外空间的问题
onepiece1991的博客
04-02 310
IE9父容器overflow:auto时，子容器状态更改导致滚动条下出现额外空间的问题 代码 &lt;style&gt; .panel{ width: 200px; overflow: auto; background-color: #f00; } .inner{ ...
关于element-ui中el-table滚动最右侧滚动条出现空白列(不出现滚动条)或者最低行被遮盖住的解决
weixin_40994437的博客
04-03 1359
不保证适用于大多数场景，可以作为参考。设置el-table css。
用vue开发的页面使用overflow为auto后显示不全的问题
u010808777的博客
07-04 5679
最近在用vue开发移动端的项目，在进行兼容性测试的时候发现，有个页面有一块区域是需要滚动的我使用了overflow=auto的样式，在安卓上看的时候是正常的，但是在ios里面看只能够显示一部分，死活找不到原因。网上千篇一律的说法就是子元素要超过父级元素然后设置overflow为auto就可以了，但是我在css中的样式设置的就是这样，通过谷歌浏览器手机模拟调试工具里面显示也是正常的，但是在ios里面死活显示不全。 这里借鉴了下别人写的文章看了下： 虽然css文件的加载是与DOM的加载并行的，也就是...
ie7中overflow:auto无效的解决方法
09-24
小编之前遇到一次这个bug解决之后，今天又遇到，还是不明白，于是搜索发现解决方法很简单，现在分享出来给大家一起看看。
IE6 Bug overflow:hidden失效
09-25
当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时，父元素的overflow:hidden属性就会失效。
IE overflow:hidden失效的解决方法
12-10
我们在IE 6内发现子元素会超出父元素设定的高度，即使父元素设置了overflow:hidden。 解决这个bug很简单，在父元素中使用position:relative;即可解决该bug 我的办法：子元素设置绝对定位，父元素相对定位，这样...
IE CSS Bug及解决方案参考手册
01-19
在IE/Mozilla/Webkit/Opera四分天下的今天，IE6-9/Mozilla（Gecko）系列/Chrome/Safari/Opera etc. 这些浏览器的兼容，无不让前端们头痛。而在这之中，最让人头痛的当数IE，特别是IE6。搞定了IE6，基本也就能称霸半...
解决iOS 上拉边界下拉出现白色空白
前端精髓
03-09 1万+
表现 手指按住屏幕下拉，屏幕顶部会多出一块白色区域。手指按住屏幕上拉，底部多出一块白色区域。 产生原因 在 iOS 中，手指按住屏幕上下拖动，会触发 touchmove 事件。这个事件触发的对象是整个 webview 容器，容器自然会被拖动，剩下的部分会成空白。 解决方案 监听事件禁止滑动 由此我们找到解决方案，通过监听 touchmove，让需要滑动的地方滑动，不需要滑动的地方禁止滑动。 值...
Vuetifyjs问题一：在使用 v-bottom-navigation 底部导航栏的时候出现大量空白空间
Hawking的博客
04-12 694
今天在使用 Vuetifyjs的v-bottom-navigation的时候出现的状况如图： 然后这个时候你可以在浏览器上尝试去找一下他的元素。发现他指向的是一个 class：.v-application--wrap 的 div。 到这里就好解决了，我们只需要给他加上 min-height 就可以啦。但是这个原因还是不是很明白，没看到这个是怎么产生的，可能是组件里面的原因吧。 解决办法： 在CSS插入： （我用的是 SCSS，如果CSS的话，那么 !important 应该也可）...
IE9父容器overflow:auto时，子容器状态更改导致滚动条下出现额外空间的问题探讨...
ajb11683的博客
12-15 163
　　IE的每次跟新都会有一些奇葩的bug，我们默默承受了。 　　这个问题在项目中出现困扰了我近一个星期，这里记录一下。看下面实例 <style> .panel{ width: 200px; overflow: auto; background-color: #f00; } .i...
GeForce GTX 980 Ti+Ubuntu15.04+cuda7.0+caffe
l_s697880的博客
08-03 2378
GeForce GTX 980Ti+ubuntu15.04+cuda7.0+caffe安装指南   安装主要分为一下四个部分： 第一部分Ubuntu15.04安装 第二部分GeForce GTX 980Ti显卡驱动安装+CUDAToolkit的安装和调试 第三部分Python安装和调试 第四部分Caffe的安装和测试      硬件配置: 电脑型号 ：华硕All Series
Java-Base64Fiend工具类
热门推荐
weixin_34143774的博客
09-07 2万+
import java.io.ByteArrayInputStream; import java.io.ByteArrayOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; impo...
html内容溢出,overflow:auto导致出现滑动条 或者 overflow:hidden导致丢失元素边缘内容解决方法（附带分享自用重置浏览器样式代码）
秋叶原的黑猫的博客
07-26 3818
如标题所说，在子元素内容的宽度并没有超过屏幕大小的情况下，设置了width100%后，再设置overflowauto会出现无意义的左右滚动条（如下图）。又或者设置了overflowhdden，会出现右边内容显示不全，但左边外边框显示正常的情况。...
springboot(酒店管理系统)
最新发布
04-25
开发语言：Java JDK版本：JDK1.8（或11） 服务器：tomcat 数据库：mysql 5.6/5.7（或8.0） 数据库工具：Navicat 开发软件：idea 依赖管理包：Maven 代码+数据库保证完整可用，可提供远程调试并指导运行服务（额外付费）～ 如果对系统的中的某些部分感到不合适可提供修改服务，比如题目、界面、功能等等... 声明： 1.项目已经调试过，完美运行 2.需要远程帮忙部署项目，需要额外付费 3.本项目有演示视频，如果需要观看，请联系我 4.调试过程中可帮忙安装IDEA，eclipse，MySQL，JDK，Tomcat等软件 重点： 需要其他Java源码联系我，更多源码任你选，你想要的源码我都有！ 需要加v19306446185
overflow:auto兼容性写法
09-24
overflow:auto是CSS属性中用于处理元素溢出内容时的一种方案。它的作用是当元素内部内容超出容器大小时，自动显示滚动条以便查看全部内容。然而，不同浏览器对于overflow:auto的兼容性存在差异。 为了解决这个兼容...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值