ie浏览器下右侧滚动条会遮挡部分内容

最新推荐文章于 2024-01-13 05:52:51 发布
最新推荐文章于 2024-01-13 05:52:51 发布
阅读量1.9k 收藏
点赞数
分类专栏： 浏览器兼容相关

 

这个好坑啊，找半天原因 ，还以为只padding的原因，什么鬼啊

写这个css就可以了 再ie下好坑，再google浏览器下不加这段css貌似没什么问题

html, body {
-ms-overflow-style: scrollbar;
}

分类:  css
aaa333qwe
关注
专栏目录
电脑常用快捷键大全（含Visual Studio快捷键操作）
流楚丶格念的博客
02-18 5621
目录 一、系统快捷键 二、常用系统命令 三、QQ快捷键 四、IE浏览器快捷键使用大全 五、Word 中的快捷键 六、Excel 中的快捷键 七、PowerPoint 中的快捷键 八、Visual Studio 九、Eclipse 十、Photoshop 十一、批处理指令 十二、安装操作系统 （此快捷操作对我们程序员十分重要，所以放在前面） 八、Visual Studio 8.1、项目相关的快捷键 ...
HTML+CSS+盒模型+flex布局+H5和CSS3新特性
m0_62351434的博客
01-12 517
目录HTML&C一、盒模型二.BFC三、清除浮动四、position定位的属性方法1. position: static;**2. position: relative;****3. position: absolute;****4. position: fixed;****5. inherit****6. sticky (黏性定位,吸顶效果)**五 、盒子水平垂直居中六、两栏布局、三栏（圣杯、双飞翼）作用：圣杯布局：优缺点：双飞翼布局：优缺点：圣杯与双飞翼的区别七、Flex 布局八、行内元素.块级
HTML代码中如何去掉IE滚动条
zoe的专栏
12-16 608
做了一个页面，与桌面分辨率一样大小，但是在IE全屏（F11）下却显示有滚动条，而火狐确没有。怎么样去掉IE滚动条呢？其实有一个属性就可以解决。　　<br /><br />　　方法1：直接在body里面加上属性scroll　　<br /><br />　　代码如：<br /><br />　　< body scroll="no" >　　<br /><br />　　方法2：使用样式表overflow　　<br /><br />　　代码如：<br /><br />　　HTML{overflow-x:hidden;}　
ie下弹出层被其他层遮盖的原因和解决办法
iteye_13384的博客
05-05 799
ie下弹出层被其他层遮盖的原因和解决办法   2012-09-07 14:35:53|  分类： 前端|举报|字号 订阅     以前好像说过这个问题，今天又遇到了，那就老生常谈，再说一次，说多了不伤身体，反而增加记忆。现象：一个设置了position:absolute;z-index:2000;的浮动层，居然被一个设置了position:relative;z-...
IE绝对定位元素神秘消失或被遮挡的解决
detuan20000827的博客
01-09 339
在进行网页布局的时候，经常会根据需要设置相对，绝对以及浮动定位； 发现了一个奇妙的现象： 查了相关资料，高人有这样的解释： 1.当绝对定位层的邻近浮动层的宽度不等于父层宽度时，以及没有清除浮动时，IE6/7，FF中显示一致； 2.当绝对定位层的邻近浮动层的宽度不等于父层宽度时，有清除浮动时，IE6/7不显示绝对定位层，FF显示； 3.当绝对定位层的邻近浮动层的宽度等于父层宽...
关于IE浏览器高版本，右侧滚动条会遮盖部分网页内容解决？
weixin_30699831的博客
05-18 234
首先确认由于什么原因导致问题？ 如果在项目中使用了bootstrap框架，导致IE>=10浏览器右侧滚动条，在页面静止时隐藏或在查看时滚动条会遮盖部分页面内容？ 如下图： 推荐一种处理方式： 打开项目，找到项目引用的bootstrap框架的公共bootstrap.css或bootstrap.min.css找到 @-ms-viewport { width: device-width...
修正IE下使用CSS属性overflow的bug
10-30
这样做使得IE6的滚动条出现，但同时也引入了新的问题：在IE7中，由于底部滚动条占据了部分高度，浏览器自动添加了右侧滚动条来显示被遮挡的内容。 造成IE7右侧滚动条的原因是IE浏览器的独特行为：它将底部滚动条...
HTML&CSS 面试总结
weixin_61915741的博客
01-06 811
HTML&C 盒模型 在我们HTML页面中，每一个元素都可以被看作一个盒子，而这个盒子由：内容区（content）、填充区（padding）、边框区（border）、外边界区（margin）四部分组成 标准盒模型 （非IE浏览器） box-sizing:content-box；一个块的总宽度(页面中占的宽度)= width + margin(左右) + padding(左右) + border(左右) 怪异盒模型 （IE浏览器） box-sizing:border-box；一个块
2024最新前端面试题(八股文)一阶段总结（html，css）!!!!新手必看必背!通俗易通!全面!全是干货！
最新发布
shixindonga1226的博客
01-13 4050
•支持动画，只有全透明和不透明两种模式，只有 256 种颜色,适用于简单动画、徽标和简单图形等应用场景。•常见格式,采用有损压缩算法，保持图像质量的同时减小文件大小 ,体积较小，不支持透明，不支持动画采用无损压缩算法，体积也相对较小，支持透明背景，不支持动画一般会保存颜色及形状相对简单的图片，可任意放大图形显示，边缘异常清晰画质最好，文件太大，不利于网络传输谷歌开发的一种图片格式,较小的文件大小,较高图像质量,格式新,要考虑兼容性.
纯css，div隐藏滚动条，保留鼠标滚动效果。
热门推荐
liusaint1992的专栏
04-28 8万+
隐藏div滚动条，但是保留滚动功能。
IE浏览器滚动条遮住页面内容怎么处理？
姜&腾腾的专栏
08-29 3427
IE浏览器的滚动条呈现半透明样式，并且会自动隐藏和显示，但是会遮住正常页面显示的一部分内容，就会影响我们页面内容的展示，这是，我们只需要给body标签添加css属性：“-ms-overflow-style:scrollbar;”即可，可以让IE浏览器始终显示滚动条。
IE浏览器下table组件滚动条遮挡内容
qq_31965515的博客
03-28 729
在vue中借助计算属性computed 来判断，如果是IE浏览器，则增加一个向右的padding
IE 下自动滚动条挡住 div内容
tmuffamd的专栏
06-16 240
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html;
[前端]IE滚动条透明，导致会挡住内容
Clsr的博客
02-18 1120
1：问题 IE浏览器右侧滚动条的底部透明状，网页内容会往右侧偏移，导致滚动条会遮挡住内容，如下图： 2：解决 添加如下代码即可： &lt;style&gt; body { -ms-overflow-style: scrollbar; } &lt;/style&gt; 3：效果 ...
CSS-界面滚动时不显示滚动条；隐藏滚动条
libie_lt的专栏
03-08 3889
代码如下： #content{ overflow-y: scroll; -ms-overflow-style:none; scrollbar-width: none; } ::-webkit-scrollbar { display: none; } scrollbar-width: none; // firefox下滚动条不显示 -ms-overflow-style:none; // IE下滚动条不显示 // chrome滚动条不显示 div...
CSS滚动条样式自定义指南：Webkit和IE浏览器实践
需要注意的是，IE浏览器中自定义滚动条的样式比较少，只能控制滚动条各个部分显示的颜色，定制性较低。 三、 Demo快速上手 在demo中，我们将展示如何在Webkit内核浏览器和IE浏览器中，自定义一个横向以及一个纵向...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值