HTML页面会多出字来？

夜雨_Jason 2010-01-14 01:38:05



<!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>无标题文档</title>

<style type="text/css">

#menu1{width:170px; height:auto;left:10px; position:absolute; z-index:2; background:#FFF; overflow:hidden;}

#menu1 a{float:left; width:80px; height:20px; line-height:20px;margin-left:5px;margin-top:2px; display:inline; font-size:12px; text-align:left; overflow:hidden;}

</style>

</head>



<body>

<div id="menu1">

   <a href="#" title="">三界风云</a>

   <a href="#" title="">召唤兽与装备装备装备</a>

   <a href="#" title="">大话骗子举报</a>

   <a href="#" title="">召唤兽与装备</a>

</div>

</body>

</html>

这个HTML页面在IE6下显示，会多出装备2个字，这是什么原因？
解决办法可以在#menu1 a加个position:relative;
但想知道为什么会多出几个字来.

...全文

188 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

oliverwoo 2011-08-22

打赏
举报

我也遇到了这个问题不知道什么原因

bing475879749 2010-01-14

打赏
举报

这是IE6的BUG，去年我就见识过了。
解决字符重复出现的问题
复杂的布局可能导致一些浮动元素里面的文字，出现在清理浮动位置的下面。这是一个奇怪的问题，下面这此可以帮你解决：

确保浮动元素设置了 display:inline;
在浮动元素中使用 margin-right:-3px;
在浮动元素的最后一个元素后加上一个IE注释，例如： <!--[if !IE]>把你的注释放这里… <![endif]–>
在最后的元素中加上一个DIV(这以设置width 为90% 或者其他相似的高度)

夜雨_Jason 2010-01-14