ie6 注释引起的问题
程序员文章站
2022-06-05 13:13:50
问题:div框架里的文字在ie6中出现溢出现象,ie7和ff都显示正常,经过测试,发现这似乎与float浮动 有关,只要把相应div中的float去掉,就可以显示正常,可缺...
问题: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;属性
问题原因以及解决方法。
原因: 大部分是由注释造成文字溢出,属于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;属性
上一篇: 西红柿壮阳吗?是否真的有用呢?
推荐阅读
-
Mybatis整合Spring 由于版本引起的BUG问题
-
解决IE5/IE5.5/IE6/FF的兼容性问题——CSS
-
深入学习Spring Boot排查 @Transactional 引起的 NullPointerException问题
-
sqlserver自动增长列引起的问题解决方法
-
深入学习Spring Boot排查 @Transactional 引起的 NullPointerException问题
-
ListView的View回收引起的checkbox状态改变监听等问题解决方案
-
VS2013的Browser Link引起的问题
-
在IE7浏览器的基础上无法安装IE6(提示有最新版本)的问题解决
-
一条select语句引起的瓶颈问题思考
-
Android编程中聊天页面背景图片、标题栏由于键盘引起问题的解决方法