UC知道DIV+CSS 闭合问题
来源：百度知道 编辑：UC知道 时间：2024/05/16 18:24:23
<!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>
<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>
这是IE6的一个Bug
问题出在IE6的Box model解释上
IE6认为<a>标签是inLine（行内）的元素，不具备hasLayout（拥有布局）的条件，即使你设定了display：block
解决的唯一方法是让<a>拥有布局能力，在IE6下最简单的hasLayout方法就是为元素设定一个高度，所以，当你加入了height:1%的时候，阳光明媚了。。。
在IE下做前端开发有一个工具是很有用的，IE Developer，这是很有帮助的，用用你就知道了，虽然它比起火狐的FireBug连根葱上的须须都不如，但是，谁让这个世界上还有60%的人在用万恶的IE呢？
最后，让我们深切的鄙视微软，鄙视IE，谢谢。。。
你的代码在IE6下没有缝隙的，IE7下有。
是不是你电脑上装了TT了？或者以IE为内核的浏览器？