睿美印象网络欢迎您的到来，并真诚的希望能与您合作！
睿美印象网络

此页面上的内容需要较新版本的 Adobe Flash Player。

获取 Adobe Flash Player
返回上一页
客服QQ
点击这里给我发消息
客服QQ
点击这里给我发消息
一切从沟通开始……

IE下li下面空隙问题

作者：睿美印象网站建设工作室  发布日期：2012-10-01

  这个问题也经常遇到，见群里有人问，就写出来。发生情况：当li嵌套其它浮动元素时，在IE下（确切说IE6、IE7下，IE8没发现）占用的高度比实际高度搞出来大约3px，表现为li下面有3px的间隙。看下面代码：

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>woaicss</title>
<style type="text/css">
<!--
li{height:20px;background:red;list-style-type:none;}
li a{float:left;}
span{float:left;}

-->
</style>
</head>
<body>
<ul>
<li><span>蜗爱css11111蜗爱css11111</span></li>
<li><a href="">蜗爱css11111</a></li>
<li><a href="">蜗爱css11111</a></li>
<li><a href="">蜗爱css11111</a></li>

</ul>
</body>
</html>


转载请注明：睿美印象网站建设工作室www.ruimeiyx.com
分享到：
已有 0 条评论
暂无评论
网站建设公司
版权所有：睿美印象网络网站建设工作室 2010-2012      服务热线：15636322282（网站建设工作室）
做网站,网站定制,网站仿制,网页设计,模版建站
睿美印象在线客服
客服部小睿：
点击这里给我发消息
设计部小美：
点击这里给我发消息
技术海绵哥：
点击这里给我发消息
在线淘客服：
睿美印象网络
淘客服小睿：
睿美印象小睿
淘客服小美：
睿美印象小美