当前位置：首页 - 正文

IE7下div里内容右溢出,其他浏览器正常,怎么解决?试过很多方法无效

发布网友发布时间：2022-04-22 00:32

我来回答

共4个回答

懂视网时间：2022-04-22 04:53

这篇文章主要介绍了关于如何解决ie7中overflow:auto无效的方法，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

产生原因
当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时，父元素的overflow:auto属性就会失效。

解决办法
解决这个bug很简单，在父元素中使用position:relative;即可解决该bug。

代码bug重现

<ul>
<li>我是很努力的前端博客，希望你会喜欢</li>
<li>我是很努力的前端博客，希望你会喜欢</li>
<li>我是很努力的前端博客，希望你会喜欢</li>
<li>我是很努力的前端博客，希望你会喜欢</li>
<li>我是很努力的前端博客，希望你会喜欢</li>
</ul>

ul{overflow:auto; height:100px;}
li{position:relative; height:30px; line-height:30px;}

在ie7中是会出现奇怪bug，有滚动条出现，但是无法拉动滚动条。解决就是给ul{position:relative;}

IE7 float:right会换行
以前以为是ie6才会出现，没想到ie7也同样有这个bug，网上很多说把float:right的元素放在最前面，这是有多么2的想法啊。牺牲一个元素的位置来解决这个bug，有时候你自己看代码时都有点无语，解决方法可以给父层加一个相对定位，然后给这个右边加一个绝对定位来实现。我觉得这样子比较靠谱点。

热心网友时间：2022-04-22 02:01

你是说哪里溢出了，可以截图吗？我刚把你代码在FF下看了下，有很多问题喔，不知道你说的是哪里?
id为notBob的DIV，没给宽度，肯定是默认全屏显示了.如果仅令是IE7的话，可以用hack来写

热心网友时间：2022-04-22 03:19

加个overflow:hidden;就可以了~用css hack，针对IE7做单独的调整，我记得好像是用*来做你试试吧~
*overflow:hidden;

热心网友时间：2022-04-22 04:54

不同浏览器对应html标签的默认设置是不一样的，，请问你有先引入reset文件吗？？不知道的话建议百度查找下yui reset的css样式引入到你的页面中，然后在去写页面或者排错，出现溢出，最大的可能就是子元素的div没设定宽度，或者使用的padding、margin、width总和超出了父元素设定的宽度~~~

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com

焦点

IE7下div里内容右溢出,其他浏览器正常,怎么解决?试过很多方法无效

最新推荐

猜你喜欢

热门推荐