解决IE6下div table 使用display:none;隐藏时仍然占空白位置

最新推荐文章于 2023-01-30 10:17:34 发布

fengzhiyin

最新推荐文章于 2023-01-30 10:17:34 发布

阅读量598

点赞数

分类专栏： jQuery、JavaScript 文章标签： jQuery 浏览器 ViewUI

jQuery、JavaScript 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种解决IE6浏览器中div元素使用display:none属性后仍然占用页面空间的问题。通过在需要隐藏的div元素后添加<span style='clear:both;'></span>标签，可以确保在IE6中隐藏div元素后，后续元素能够正常布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在所有要隐藏的div元素后面增加：

<span style='clear:both;'/>

可解决IE6 的 display:none; bug

<div>
这里是要隐藏的div，通过jquery.hide()方式隐藏它，ie6下仍会在物理上占用空间，后面的对象无法上移；可在各该div对象的后面增加<span style='clear:both;'/> 解决浏览器的不兼容bug
</div>
<span  style='clear:both;'/>