Arial字体的bug？ at 2008.8.28 21:09
今天在做 CSSer 的读书页面的时候发现一个奇怪的问题，就是我设置好浮动的链接出现了问题，最后一个单独在一行的链接并没有浮动到左边，而是浮动到了右边。大家可以看下代码先：
<!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=gb2312" />
<title>Arial 字体的问题</title>
<style>
body { font:12px Arial, "宋体", Verdana, sans-serif}
div { padding:1px 1px 5px 1px; margin-bottom:10px; width:350px; font-size:12px;}
ul { margin:0 5px; margin-left:-4px; overflow:hidden; }
li { float:left; padding:0; display:inline; margin-left:11px; margin-bottom:5px; }
li a { background:#FCFCFC; display:block; float:left; width:123px; padding:5px; font-weight:600; color:#6F1197; border:1px solid #000000; }
</style>
</head>
<body>
<div>
<ul>
<li><a href="/m.php?name=readbook" title="读书首页">读书首页</a></li>
<li><a href="/m.php?name=readbook&mo_catid=1" title="CSS">CSS</a></li>
<li><a href="/m.php?name=readbook&mo_catid=2" title="JavaScript">JavaScript</a></li>
<li><a href="/m.php?name=readbook&mo_catid=3" title="用户体验">用户体验</a></li>
<li><a href="/m.php?name=readbook&mo_catid=4" title="艺术设计">艺术设计</a></li>
</ul>
</div>
</body>
</html>
大家可以复制到本地看一下，或者到这个页面看下，最后一个链接“艺术设计”本应该在左边的，但是它却跑到了右边。这是什么问题呢？