DIV+CSS 闭合问题
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#right{ float:right; margin:15px 0px 0px 0px; padding:0px; width:190px; height:500px; background:#eaf2f5; margin-right:5px;}
#right ul{ margin:0px; padding:0px; }
#right li{ margin:0px; padding:0px; font-size:14px; color:#3b5d77; list-style:none; }
#right li a{ margin:0px; padding:0px; display:block;
height: 1%;（为什么1%写上去以后才能在IE上 上下闭合啊) line-height:40px;}
#right li a:hover{ background:#acdbef; text-decoration:none; }
</style>
</head>
<body>
<div id="right">
<ul>
<li> OS Resources</li>
<li> <a href="#">Studio7designs.com</a></li>
<li> <a href="#">FullAhead.org</a> </li>
<li> <a href="#">OWD.org OSWD.org</a> </li>
<li> <a href="#">DeviantArt</a> </li>
<li> <a href="#">Css Zen Garden</a> </li>
<li> <a href="#">CSS Remix</a> </li>
<li> <a href="#">More CSS resources</a></li>
</ul>
</div>
</body>
</html>
（为什么height: 1%写上去以后才能在IE上 上下闭合啊 要不上下老是有缝隙 虽然MARGIN PANDDING 都设置为0了 还是不行 这就是兼容问题吗？ 但是我机器 前俩天 我不用写这句话还能闭合呢 难道俩天后我IE就变了吗？？) 先谢谢啦 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#right{ float:right; margin:15px 0px 0px 0px; padding:0px; width:190px; height:500px; background:#eaf2f5; margin-right:5px;}
#right ul{ margin:0px; padding:0px; }
#right li{ margin:0px; padding:0px; font-size:14px; color:#3b5d77; list-style:none; }
#right li a{ margin:0px; padding:0px; display:block;
height: 1%;（为什么1%写上去以后才能在IE上 上下闭合啊) line-height:40px;}
#right li a:hover{ background:#acdbef; text-decoration:none; }
</style>
</head>
<body>
<div id="right">
<ul>
<li> OS Resources</li>
<li> <a href="#">Studio7designs.com</a></li>
<li> <a href="#">FullAhead.org</a> </li>
<li> <a href="#">OWD.org OSWD.org</a> </li>
<li> <a href="#">DeviantArt</a> </li>
<li> <a href="#">Css Zen Garden</a> </li>
<li> <a href="#">CSS Remix</a> </li>
<li> <a href="#">More CSS resources</a></li>
</ul>
</div>
</body>
</html>
（为什么height: 1%写上去以后才能在IE上 上下闭合啊 要不上下老是有缝隙 虽然MARGIN PANDDING 都设置为0了 还是不行 这就是兼容问题吗？ 但是我机器 前俩天 我不用写这句话还能闭合呢 难道俩天后我IE就变了吗？？) 先谢谢啦 展开
2个回答
展开全部
这是IE6的一个Bug
问题出在IE6的Box model解释上
IE6认为<a>标签是inLine（行内）的元素，不具备hasLayout（拥有布局）的条件，即使你设定了display：block
解决的唯一方法是让<a>拥有布局能力，在IE6下最简单的hasLayout方法就是为元素设定一个高度，所以，当你加入了height:1%的时候，阳光明媚了。。。
在IE下做前端开发有一个工具是很有用的，IE Developer，这是很有帮助的，用用你就知道了，虽然它比起火狐的FireBug连根葱上的须须都不如，但是，谁让这个世界上还有60%的人在用万恶的IE呢？
最后，让我们深切的鄙视微软，鄙视IE，谢谢。。。
问题出在IE6的Box model解释上
IE6认为<a>标签是inLine（行内）的元素，不具备hasLayout（拥有布局）的条件，即使你设定了display：block
解决的唯一方法是让<a>拥有布局能力，在IE6下最简单的hasLayout方法就是为元素设定一个高度，所以，当你加入了height:1%的时候，阳光明媚了。。。
在IE下做前端开发有一个工具是很有用的，IE Developer，这是很有帮助的，用用你就知道了，虽然它比起火狐的FireBug连根葱上的须须都不如，但是，谁让这个世界上还有60%的人在用万恶的IE呢？
最后，让我们深切的鄙视微软，鄙视IE，谢谢。。。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
