问题: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 注释引起的文字溢出和浮动错位的解决思路
- 兼容ie6浏览器的php下载文件代码分享
- IE6下通过a标签点击切换图片的问题
- 解决jquery的.animate函数在IE6下的问题
- IE6下网页制作参考 IE6 默认样式
- IE6/7中使用setAttribute设置table的cellpadding和cellspacing的Bug
- 兼容IE6的min-width、min-height的简单方法
- IE6/7在滚动区域内的标签使用position会飘出这个滚动区域不随滚动条滚动
- IE6,IE7下js动态加载图片不显示错误
- ie6下的背景图片缓存