在 ie7浏览器下 overflow:hidden 不起作用
来源:互联网 发布:matlab数组的转置 编辑:程序博客网 时间:2024/05/28 19:23
在检查页面的时候发现了一个问题,在ie7下overflow:hidden不起作用。偶记得当初没添加数据和js脚本之前页面是没兼容的呢,怎么加上脚本之后就出问题了呢?难道是js数据问题?顿时我把所有数据都删掉了,但是...没有任何变化。
查阅各种资料后,总结下:
问题表面形式:在ie7内子元素会超出父级元素设定的高度,即使父级元素设置了overflow:hidden和height属性。
ie7下显示 正确显示
出现问题的原因:当(父级)元素的直接子集(儿子辈的)或者子集中的子集元素(孙子、曾孙.......)的样式中有position:relative属性时,(父级)元素的overflow:hidden属性就会失效。
解决办法:在父级元素有overflow的节点中加position:relative相对定位即可。
至于为什么子集有相对定位父级不加相对定位overflow就不起作用,还在研究中。如果哪位大神能指点迷津就更好哈O(∩_∩)O
0 0
- 在 ie7浏览器下 overflow:hidden 不起作用
- ie7下overflow:hidden不起作用
- 解决overflow:hidden在ie7下无效的问题
- IE6、IE7、IE8中overflow:hidden不起作用的情况
- IE6、IE7、IE8中overflow:hidden不起作用的情况
- overflow:hidden在IE9中不起作用
- CSS Overflow Hidden在iPhone & Safari不起作用
- ie7下,overflow:hidden失效及解决办法
- overflow:hidden不起作用?
- overflow: hidden IE7无效
- IE7 overflow:hidden bug
- IE6/IE7下父元素有相对/绝对定位时,子元素在IE6和IE7下overflow:hidden;失效。
- ie6,ie7下设置overflow:auto下滚动条不起作用
- IE6,IE7下设置body{overflow:hidden;}失效Bug
- IE6,IE7下overflow:hidden无效&nb…
- IE6,IE7下设置body{overflow:hidden;}失效Bug
- css在ie7中overflow:hidden失效的解决方法
- "overflow: hidden;"在IE6下失效了
- 总结 XSS 与 CSRF 两种跨站攻击
- 判断键盘是否显示
- new String.Format(Locale l,string format,Object args)中字符串格式化
- LeetCode题解-105-Construct Binary Tree from Preorder and Inorder Traversal
- TCP--三次握手(建立连接)与四次挥手(关闭连接)(转)
- 在 ie7浏览器下 overflow:hidden 不起作用
- 牛客网 7-26网络基础 操作系统 编译与体系结构 30题知识点总结
- 欢迎使用CSDN-markdown编辑器
- zabbix一键安装方式
- POJ 1423 Big Number
- 齐次坐标
- Java中的线程Thread总结
- 从地铁购票到多核处理排队任务的讨论
- Android插件化(一)