ie6 注释引起的问题

技术  /  管理员 发布于 7年前   227

问题：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注释格式，如：<!--[if IE]>测试<![endif]-->
7、给盒子加position:relative;属性