ie6下给div设置display:none虽然内容不显示了,但还是占位置怎么解决
我给ie6下的div设置display:none，本想让其隐藏好让下边的div覆盖它。可是，只是内容隐藏了而原来的位置还占着，这怎么解决呢高手们帮帮忙...
我给ie6下的div设置display:none，本想让其隐藏好让下边的div覆盖它。可是，只是内容隐藏了而原来的位置还占着，这怎么解决呢 高手们 帮帮忙
展开
3个回答
展开全部
这是不可能的，估计是你代码有问题 display:none 就是不显示了，不会占位的
估计是你上面的浮动没有清除吧！～ 实在不行，加个HIGHT:0; overflow:hidden
估计是你上面的浮动没有清除吧！～ 实在不行，加个HIGHT:0; overflow:hidden
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>通过CSS Hack 区分 FX/IE7/IE6/IE5.5/IE5</title>
<style type="text/css">
<!--
#fx {
display: none;
border: 3px double #999;
width:300px;
height:200px;
padding:10px;
}
#ie6{
display:none !important;
display:none;/*ie5*/
font-size:54px;
border:10px solid #CCC;
padding:100px;
}
#ie6/**/{
display:block;
display /*ie5.5*/:none;
}
#ie7 {
display:block !important;
display:none;/*ie5 & ie6*/
background-color:#69f;
border:1px dashed #63c;
padding:50px;
width:200px;
height:150px;
}
*:lang(zh) #ie7{
display:none !important;
}
*:lang(zh) #fx{
display:block !important;
}
-->
#example{color:red ;}
* html #example{color:blue;}
*+html #example{color:green;}
</style>
</head>
<body lang="zh">
<div id="fx">这是在 FireFox 或者 Opera 下面的效果</div>
<div id="ie6">这是在 IE 6 下面的效果</div>
<div id="ie7">这是在 IE 7 下面的效果</div>
<div>以下为简单区分FF/IE6/IE7示例</div>
<div id="example">这行文字在FF下应为红色，在IE6下应为蓝色，在IE7下应为绿色。</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>通过CSS Hack 区分 FX/IE7/IE6/IE5.5/IE5</title>
<style type="text/css">
<!--
#fx {
display: none;
border: 3px double #999;
width:300px;
height:200px;
padding:10px;
}
#ie6{
display:none !important;
display:none;/*ie5*/
font-size:54px;
border:10px solid #CCC;
padding:100px;
}
#ie6/**/{
display:block;
display /*ie5.5*/:none;
}
#ie7 {
display:block !important;
display:none;/*ie5 & ie6*/
background-color:#69f;
border:1px dashed #63c;
padding:50px;
width:200px;
height:150px;
}
*:lang(zh) #ie7{
display:none !important;
}
*:lang(zh) #fx{
display:block !important;
}
-->
#example{color:red ;}
* html #example{color:blue;}
*+html #example{color:green;}
</style>
</head>
<body lang="zh">
<div id="fx">这是在 FireFox 或者 Opera 下面的效果</div>
<div id="ie6">这是在 IE 6 下面的效果</div>
<div id="ie7">这是在 IE 7 下面的效果</div>
<div>以下为简单区分FF/IE6/IE7示例</div>
<div id="example">这行文字在FF下应为红色，在IE6下应为蓝色，在IE7下应为绿色。</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
overflow:hidden 给div设置长宽，把多余的隐藏
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
