ie7 不兼容overflow:hidden

最新推荐文章于 2020-02-03 17:27:09 发布
最新推荐文章于 2020-02-03 17:27:09 发布
阅读量432 收藏
点赞数
分类专栏： css 文章标签： css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013934392/article/details/81409082
版权

用overflow:hidden; 隐藏不需要显示的数据，在IE6\IE8都显示正常，但是在ie7中就是不起作用，万恶的IE7啊。后来加了一句
position:relative; 好了。。。
static : 　无特殊定位，对象遵循HTML定位规则
absolute : 　将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距，但仍有补白和边框
relative : 　对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置
fixed : 　IE5.5及NS6尚不支持此属性
position的其它属性比较好了解，做个demo尝试下基本可以了解，就relative没有效果。
position默认static
这里写图片描述
这里写图片描述

tanytree
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
IE6 Bug overflow:hidden失效
09-25
总之，`IE6 Bug overflow:hidden失效`是一个经典且知名的CSS兼容性问题，它涉及到`position:relative`与`overflow:hidden`的交互。通过为父元素添加`position:relative`可以修复此问题，但这也可能带来其他的布局...
css中position:relative和overflow:hidden之间的问题
09-25
在本问题中，我们主要关注`position:relative`和`overflow:hidden`之间的交互，以及在不同浏览器（尤其是IE6和IE7）中的表现差异。 `position`属性用于定义元素的定位模式，它有多种值，如`static`（默认值）、`...
在ie7中overflow:hidden失效问题及解决方案
weixin_30600197的博客
12-27 150
css兼容ie7： 做页面的时候用负边距居中的时候在IE7下面，父节点中的overflow:hiden失效的问题，查阅了一些资料，总结一下解决方法。 问题原因： 当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时，父元素的overflow:hidden属性就会失效。 解决方法： 我们在IE7内发现子元素会超出父元素设定的高度，即使父元素设置了o...
在 ie7浏览器下 overflow:hidden 不起作用
jinyajun的博客
07-26 708
在 ie7浏览器下 overflow:hidden 不起作用
overflow-x 兼容ie8
qq_40774743的博客
08-14 445
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compa...
关于overflow适配IE的问题
t_Login的博客
10-12 2406
今天做页面的时候，遇到了一个问题。 在一个大的DIV里面  放入了几个并排的小DIV，超出大DIV的部分不换行，会隐藏。 最开始是在父级DIV增加了overflow：hidden，display:flexbox，display:box，display:-ms-flexbox display:-ms-flexbox添加这一句的作用主要是想适配IE浏览器，但是在浏览器中展示的时候遇到了问题。
overflow：hidden在IE9中不起作用
Quincylk的专栏
05-13 4858
不精确样式： ul{ margin :0 ;padding :0; float :left ; list-style :none; width:100%;} li{ float :left ; overflow :hidden;} 当使用以上样式时，可以看到当li中的内容超过了li的宽度时，overflow属性没起作用。 正确的样式： ul{ margin :0 ; paddin
使用overflow: hidden来禁用页面滚动条
09-28
禁用页面滚动条的方法有很多，但最简单、最快的也就数overflow: hidden了，下面是禁用html及body滚动条的方法，兼容IE6、7
ie8 body overflow hidden 无效的解决方法
12-11
当设置 `overflow` 为 `hidden` 时，元素的内容会被修剪，且不会出现滚动条，这通常用于隐藏溢出的内容或者防止用户看到不应该看到的部分。然而，在某些特定情况下，尤其是在旧版本的Internet Explorer（如IE8）中，...
CSS中overflow:scroll怎么设置只上下滚动而不左右滚动
09-25
加上`overflow-x: hidden`是为了确保即使内容宽度超出，也不会显示水平滚动条，这在某些浏览器中可能是必要的，尤其是对于Internet Explorer的旧版本，因为它们可能对`auto`的解释不一致。 对于Internet Explorer...
【IE6/7兼容】当子元素含position: relative;时，父元素 overflow: hidden; 溢出隐藏属性无效
iuukai
02-03 522
我们都知道，当子元素内容超出父元素大小，给父元素设置overflow: hidden;就可以隐藏溢出部分。当然，如果单纯这种操作，即使换成ie7也不会出现兼容问题，但是，日常开发种，我们难免会给子元素添加position: relative;属性，这就导致切换到ie7时，父元素overflow: hidden;无效： IE11时 IE7时 <!DOCTYPE HTML> &l...
IE overflow:hidden失效的解决方法
u011296285的博客
10-09 4020
position和float是两种布局模式，在IE6下共用有时会导致用position定位的元素节点消失。绝对定位的元素节点是参照离它最近的已定位元素，所以父节点定位relative、子节点定位absolute是很常见的。 overflow:hidden失效 当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时，父元素的overflow:hidde
css基础(一) overflow:hidden的兼容性问题
babyZeng
08-22 5175
今天在做网页的时候发现一个问题，在父标签中使用了overflow:hidden;时，如果子标签中有元素的position设置成relative的时候， 在IE6和IE7中父元素的overflow对其将不起作用，在IE8、FF，Chrome中均正常显示如下代码： [html] view plaincopy div style="height:100p
IE对于overflow:hidden;及其它CSS属性不兼容问题
热门推荐
lisa890608的专栏
12-19 1万+
CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理技巧并 整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。 1.对于在IE下不兼容overflow:hidden;而FF下兼容的情况 加一个 positi
ie7下overflow:hidden不起作用
齐枫的博客
07-09 342
在ie7下如果子元素的定位，父级元素的overflow：hidden会不生效，解决办法：给父级添加定位属性relative
解决overflow:hidden在ie7下无效的问题
一杯苦恰啡的博客
05-08 956
当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时，父元素的overflow:hidden属性就会失效。 解决方法： 我们在IE7内发现子元素会超出父元素设定的高度，即使父元素设置了overflow:hidden。 解决这个bug很简单，在父元素中使用position:relative;即可解决该bug，就是用到overflow的父节点中增加相对定位即可。
ie7设置overflow属性失效解决方法
weixin_39330484的博客
07-12 593
在项目中遇到 IE7 浏览器设置 overflow:hidden , overflow: auto; 都无效 ！ 父元素设置固定宽高属性并加 overflow属性 (意图使超出部分能够隐藏或者滚动)， 子元素设置了position:relative 或position:absolute属性 ，ie7浏览器下超出父元素的子元素区域部分不能被隐藏掉！ 解决方法： 给元素也加上position:rel...
IE6、IE7、IE8中overflow:hidden不起作用的情况
clare504的专栏
08-18 7155
解决方案：只需要在设定overflow:hidden层加入定位即可。
IE6下 Bug overflow:hidden无效解决办法
Mchange的专栏
08-20 605
IE6下 Bug overflow:hidden无效解决办法如下： 产生原因：当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时，父元素的overflow:hidden属性就会失效。 解决办法：我们在IE 6内发现子元素会超出父元素设定的高度，即使父元素设置了overflow:hidden。 解决这个bug很简单，在父元素中使用position:re
overflow:auto兼容所以浏览器写法
最新发布
05-25
/* IE 6/7/8 */ overflow: auto; overflow-x: auto; overflow-y: auto; /* Firefox */ overflow: -moz-scrollbars-vertical; overflow-y: scroll; overflow-x: hidden; /* Chrome/Safari/Webkit */ overflow: auto...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值