ie6 注释引起的问题

187 阅读 0 评论 124 点赞

我是靠谱客的博主快乐外套，最近开发中收集的这篇文章主要介绍ie6 注释引起的问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

问题：div框架里的文字在IE6中出现溢出现象，IE7和FF都显示正常，经过测试，发现这似乎与FLOAT浮动有关，只要把相应div中的float去掉，就可以显示正常，可缺少了float，在FF下就无法正常显示div的位置，确实让我头疼的非常，今天在网上找找资料，发现IE6的文字溢出原来是由于注释所造成的
问题原因以及解决方法。

原因：大部分是由注释造成文字溢出，属于IE6的BUG，溢出文字的字数=注释的条数*2-1，这里的字数在中文或英文数字时都成立。注释坐在位置与溢出位置、区块的浮动以及文字区块的固定宽度有必然联系。

解决办法：
1、不放置注释。最简单、最快捷的解决方法；
2、注释不要放置于2个浮动的区块之间；
3、将文字区块包含在新的<div></div>之间，如：<div style="float:right;width:400px"><div>↓这就
是多出来的那只猪</div></div>；
4、去除文字区块的固定宽度，与3有相似之处；
5、在后面加一个<br />或者空格；（不推荐）
6、使用IE注释格式，如：
7、给盒子加position:relative;属性