您的位置：首页 > 其它

IE6/7 浮动li bug

2009-10-20 16:50 369 查看

如下代码：

<!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></title>
<style>
*{margin:0;padding:0;}
ul,li{list-style:none;}
ul{overflow:hidden;zoom:1;width:710px;}
li{float:left;width:100px;margin:4px 0;}
</style>
</head>
<body>
<ul class="clearfix"><li><a href="Item-list.aspx?bc=101">夹克</a></li><li><a href="Item-list.aspx?bc=102">风衣</a></li><li><a href="Item-list.aspx?bc=103">卫衣</a></li><li><a href="Item-list.aspx?bc=104">西服</a></li><li><a href="Item-list.aspx?bc=105">T恤</a></li><li><a href="Item-list.aspx?bc=106">Polo衫</a></li><li><a href="Item-list.aspx?bc=107">牛仔裤</a></li><li><a href="Item-list.aspx?bc=108">西裤</a></li><li><a href="Item-list.aspx?bc=109">工装裤</a></li><li><a href="Item-list.aspx?bc=110">衬衫</a></li><li><a href="Item-list.aspx?bc=111">皮衣</a></li><li><a href="Item-list.aspx?bc=112">短裤</a></li><li><a href="Item-list.aspx?bc=113">运动服</a></li><li><a href="Item-list.aspx?bc=114">睡衣</a></li><li><a href="Item-list.aspx?bc=115">内衣</a></li><li><a href="Item-list.aspx?bc=116">内裤</a></li><li><a href="Item-list.aspx?bc=117">情侣睡衣</a></li><li><a href="Item-list.aspx?bc=118">袜子</a></li><li><a href="Item-list.aspx?bc=119">机车包</a></li><li><a href="Item-list.aspx?bc=120">马桶包</a></li><li><a href="Item-list.aspx?bc=121">流苏包</a></li><li><a href="Item-list.aspx?bc=122">肩包</a></li><li><a href="Item-list.aspx?bc=123">斜挎包</a></li><li><a href="Item-list.aspx?bc=124">旅行包</a></li><li><a href="Item-list.aspx?bc=125">背包</a></li><li><a href="Item-list.aspx?bc=126">腰包</a></li><li><a href="Item-list.aspx?bc=127">钱包</a></li><li><a href="Item-list.aspx?bc=128">卡包</a></li><li><a href="Item-list.aspx?bc=129">运动包</a></li><li><a href="Item-list.aspx?bc=130">皮鞋</a></li><li><a href="Item-list.aspx?bc=131">凉鞋</a></li><li><a href="Item-list.aspx?bc=132">休闲鞋</a></li><li><a href="Item-list.aspx?bc=133">工装靴</a></li><li><a href="Item-list.aspx?bc=134">帆布鞋</a></li><li><a href="Item-list.aspx?bc=135">靴子</a></li><li><a href="Item-list.aspx?bc=136">拖鞋</a></li><li><a href="Item-list.aspx?bc=137">篮球鞋</a></li><li><a href="Item-list.aspx?bc=138">跑步鞋</a></li><li><a href="Item-list.aspx?bc=139">板鞋</a></li><li><a href="Item-list.aspx?bc=140">帽子</a></li><li><a href="Item-list.aspx?bc=141">皮带</a></li><li><a href="Item-list.aspx?bc=142">领带</a></li><li><a href="Item-list.aspx?bc=143">围巾</a></li><li><a href="Item-list.aspx?bc=144">头巾</a></li><li><a href="Item-list.aspx?bc=145">背心</a></li></ul>
</body>
</html>

在IE6/7下第二行会出现问题：如图

1.jpg (45.48 KB)
2009-10-20 10:15 但是给li加个高度，问题就解决了。这是为什么呢？

bridostudio：IE6,7 的中英混排文字渲染问题。给 li 或其祖先元素设置合理的行高也可以，或者设置宋体。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航