IE6下的多余字符bug的2种情况和解决办法
来源:互联网 发布:percircle.js 编辑:程序博客网 时间:2024/06/05 16:25
情况一:
#content {width:774px;}.title { display:block; float:left; width:50%; margin-bottom:12px; color:red; }.intro { display:block; float:left; width:50%; margin-bottom:12px; color:#999; }
<div id="content"> <span class="title">标题1</span><span class="intro">介绍1</span> <span class="title">标题2</span><span class="intro">介绍2</span> <span class="title">标题3</span><span class="intro">介绍3</span></div>
IE6下效果:
解决办法:
1.介绍1或介绍2或介绍3 的最后字符后添加空格,测试时发现在最后添加换行也可以。
2.讲介绍1或者介绍2的span换成div。
3.在3行中任意一行外 或者是 介绍1或介绍2或介绍3 外嵌套一层div,但这样如果造成无意义的嵌套,会影响结构,个人不推荐。
个人感受:
遇到这个bug是很偶然的,解决办法是测试出来的,我也是不知其所以然;还有造成这个bug的原因,还请各位知道的大大不吝赐教。
情况二:
div { width:100%; float:left; }
<div>文本行1</div><!----><div>文本行2</div><div>文本行3</div><!----><div>文本行4</div>
IE6下显示效果:
可以看到,如果继续添加更多的注释,会继续余出更多的字符,如此重复。当最后一行字符长度超过时会显示更奇怪的字符,甚至显示脚本错误提示。
造成原因:浮动元素中添加注释。
解决办法:
1.不要在浮动元素中间添加注释。
2.在重复的行尾加个 空格字符
3.再循环最后加入一个<div style="clear: both; height: 0pt; overflow: hidden;"></div>
个人感受:
这个bug还是比较常见的,后面的2个方法都是网上的童鞋提供的。
- IE6下的多余字符bug的2种情况和解决办法
- IE6尾部重复字符bug , IE6下产生多余字符的BUG
- IE6,7,8下多余字符bug
- ie6和ie7下z-index bug的解决办法
- ie6和ie7下z-index bug的解决办法
- ie6 7 8下的一些bug和解决办法
- 写出几种IE6 BUG的解决办法
- [转]IE 下重复字符的 BUG 和解决办法
- IE6重复字符的BUG
- CSS在IE6下的一些BUG和兼容性问题及解决办法
- IE6出现重复字符的bug
- IE6出现重复字符的bug解决方法
- IE6 重复字符的bug及解决方法
- IE6的3像素bug新解决办法
- IE6下BUG解决办法汇总
- IE6下 class选择器和png图片的bug
- IE6和IE7下colspan属性的bug
- c——从键盘输入一个整数和输入一个字符(在输入不确定的情况下,去除多余的输入)
- 五种开源协议的比较(BSD,Apache,GPL,LGPL,MIT)[转载]
- Linux操作系统下串口编程入门教程
- 持续集成工具CruiseControl.net对软件项目过程的改善
- 在Oracle中如何调整 I/O 相关的等待
- android判断当前系统用的是什么语言
- IE6下的多余字符bug的2种情况和解决办法
- 配置 python(django)+nginx+uwsgi
- JavaMail 深入浅出
- Daliy English--2011年12月23日
- AWR 与 Statspack 数据的导出与迁移
- C#Combobox 绑定数据库可以输入想要的非数据库内容
- WP7基础学习---
- 黑马程序员——Eclipse中用两个控制台测试网络通信程序
- HD文件管理器 v0.1.3----- 一款界面简约,功能强大的免费文件管理器(Android)