解决在IE6下使用float，出现重复文字的BUG

最新推荐文章于 2024-09-20 18:13:10 发布

allengz

最新推荐文章于 2024-09-20 18:13:10 发布

阅读量672

点赞数

分类专栏： web前端文章标签： float ie div class xhtml html

本文链接：https://blog.csdn.net/allengz/article/details/6119482

版权

web前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

这个自己在做项目的时候出现的问题，写出来分享一下，希望对遇到同样问题的朋友有帮助。

在IE6下，我发现一个使用了float：left的div 内部的文字会有几个重复的字符 出现在div外部。

开始我还以为是自己不小心多输入了重复的字符。可是经过查找并没有发现重复的字符。

最后经过排查发现，原来是在该使用了float：left的div 的上方的注释 惹的祸

解决方案：

将用了float：left的div上方的注释删除。

下面是代码

---------------------------------------------------------------------------------------------------------------------------------------------

<!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" />
<style>
.main_content_box{
width:304px;
}

.main_left{
float:left;
width:200px;
height:200px;
border:solid 1px;
}

.sidebar{
float:left;
width:100px;
height:50px;
border:solid 1px;
}
</style>
</head>
<body>
<div class="main_content_box">
<div class="main_left">left</div>

<div class="sidebar" >最后会多出一个“字”字</div>

</div>
</body>
</html>