quirk mode下IE6，7，8均会产生此bug，standard mode下IE6会产生此bug,但条件稍微有些不同（外层div需指定宽度）。
先看quird mode下：div中包含的span都向左浮动，.tltle和.intro的宽度都是50%，这时候在IE6，7，8上都会出现一个多余的'e'。当然.title和.intro的宽度百分比可以任意指定，只要两者加起来为100%即可。
<html>
<head>
<title>quirk mode 下IE6，7，8多余字符bug</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<style type="text/css">
.title {
width:50%;
float:left;
}
.intro{
width:50%;
float:left;
}
</style>
</head>
<body>
<div>
<span class="title">1</span><span class="intro">one</span>
<span class="title">2</span><span class="intro">two</span>
<span class="title">3</span><span class="intro">three</span>
</div>
</body>
</html>
再看下standard mode下：在IE6下仍然会产生此bug，但条件是div须指定宽度；IE7，8不会产生次bug了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>standard mode下IE6多余字符bug</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<style type="text/css">
div{
width:300px;/*须指定*/
}
.title {
width:50%;
float:left;
}
.intro{
width:50%;
float:left;
}
</style>
</head>
<body>
<div>
<span class="title">1</span><span class="intro">one</span>
<span class="title">2</span><span class="intro">two</span>
<span class="title">3</span><span class="intro">three</span>
</div>
</body>
</html>
分享到：
相关推荐
8. **避免使用百分比尺寸**：在IE6中，基于父元素比例的尺寸可能导致布局混乱。为了避免这种情况，应尽量使用固定尺寸，或者在需要使用百分比的场合，确保父元素有一个明确的高度。 9. **透明度处理**：IE6不支持...
5. **List-item whitespace bug**：在处理列表项时，IE8依旧存在空白字符处理的bug，可能会影响列表的显示，需要避免在HTML中引入多余的空格或使用CSS来清除空白。 总之，CSS Hack是解决跨浏览器兼容性问题的一种...
已修正已知BUG，包括： 1、后台不能添加友情链接的BUG 2、网站头部至多显示多少条网站公告设置无效的BUG 3、Notice: Undefined index...34、前台页面兼容IE6、IE7、IE8、google浏览器(chrome) 35、支持url_rewrite
已修正已知BUG，包括： 1、后台不能添加友情链接的BUG 2、网站头部至多显示多少条网站公告设置无效的BUG 3、Notice: Undefined index...34、前台页面兼容IE6、IE7、IE8、google浏览器(chrome) 35、支持url_rewrite
已修正已知BUG，包括： 1、后台不能添加友情链接的BUG 2、网站头部至多显示多少条网站公告设置无效的BUG 3、Notice: Undefined index的BUG...34、前台页面兼容IE6、IE7、IE8、google浏览器(chrome) 35、支持url_rewrite
<br>2007/6/21 Version 3.1.2 beta <br>Updates: 1) 修正部分自动播放文件不兼容IE7的BUG。 2) 修正在检测自动播放文件格式时javascript代码出现的一些BUG。 2) 修正MenuConfig、configFolder...
FIX 下拉菜单 -> 修正 IE 下渲染缓慢及 IE8 下鼠标 hover 时没有背景色的 BUG FIX 无法保证本地方式接口的完美兼容，暂时关闭 FIX 物理路径下调用错误 FIX DIY轮换图最后一张显示后不隐藏问题 FIX 修改当输入...
FIX 下拉菜单 -> 修正 IE 下渲染缓慢及 IE8 下鼠标 hover 时没有背景色的 BUG FIX 无法保证本地方式接口的完美兼容，暂时关闭 FIX 物理路径下调用错误 FIX DIY轮换图最后一张显示后不隐藏问题 FIX 修改当输入...
模板无错，兼容IE7以上的各种浏览器，IE6有点错位，不过现在已经没有人用IE6了。后期有下载的用户有BUG请提交给我！安装方法：DEDE的程序大家都懂的，安装的话，直接把整个解压包全部下载下去，解压出来，把install...
模板无错，兼容IE7以上的各种浏览器，IE6有点错位，不过现在已经没有人用IE6了。后期有下载的用户有BUG请提交给我！ 安装方法： DEDE的程序大家都懂的，安装的话，直接把整个解压包全部下载下去，解压出来，把...
这个问题同样存在于IE8，但不适用于更早版本的IE（如IE6和IE7）。 这个bug产生的原因在于，浏览器在解析HTML时，会对`inline`或`inline-block`元素间的空白字符（包括空格、换行符等）进行处理，导致元素间产生了...
FIX 下拉菜单 -> 修正 IE 下渲染缓慢及 IE8 下鼠标 hover 时没有背景色的 BUG FIX 无法保证本地方式接口的完美兼容，暂时关闭 FIX 物理路径下调用错误 FIX DIY轮换图最后一张显示后不隐藏问题 FIX 修改当输入...
FIX 下拉菜单 -> 修正 IE 下渲染缓慢及 IE8 下鼠标 hover 时没有背景色的 BUG FIX 无法保证本地方式接口的完美兼容，暂时关闭 FIX 物理路径下调用错误 FIX DIY轮换图最后一张显示后不隐藏问题 FIX 修改当输入...
*修正在Vista中，在其它程序调用过后，IE7调用本输入法时出错的Bug 20070925新性： + 加入便携特征，可在注册表中定义码表目录 + 加入对Vista中IE7保护模式(UAC)的支持 + 集成一个安装程序，方便输入法安装 注： 1...
FIX 修正 IE8 下文章列表缩略图 BUG FIX 帖子推送到文章中的图片不再进行权限限制，均可查看 FIX 后台日志管理分页参数 FIX DIY模块 特殊主题过滤 的默认值 FIX 默认不做模板中是否包含...
2、在Vista中IE7(UAC)下不能使用问题，用以下命令设置一下码表级别： icacls.exe "%windir%\system32\我的输入法.mb" /SetIntegrityLevel Level src="./images/smilies/sweat.gif" border=0 smilieid="10"> 3、...
6、修复“网页_创建快捷方式”在win7以上系统不能自定义图标的BUG，感谢易友【蓝风】反馈。 7、修复“进制_十六到十”不支持长整数的BUG。 8、新增“类_时钟”，类似易语言自带时钟控件，可设置时钟周期。 MD5：E31C...
-修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer，用来定时发起AJAX请求。 +2009-09-06 v2.1.0 -Button的Pressed属性值能够正确的反映客户端的变化。 -优化...
- 双补丁浮动Bug、图片间隙Bug、项目符号隐藏Bug、多余字符Bug，这些通常是IE中的问题。 10. CSS布局模型： - Flow Model（流动模型）：元素按照正常的文档流排列。 - Float Model（浮动模型）：元素浮动以便...