文字溢出,IE5、6下导致多复制文字的解决方法(文字小尾巴解决方案)
2017-02-17 09:24
281 查看
在IE5、6下面,两个浮动元素之间存在注释或者有内联元素,并且这两个元素的和父级宽度相差不超过3px,就会导致文字溢出bug会多复制文字。
案例:
解决方案:(不满足以上条件即可解决)
两个浮动元素中间避免出现内联元素和注释
元素与父级宽度相差3px或者以上。
新手上路,欢迎反驳!
案例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .wrap{ width: 400px; } .left{ float: left; } .right{ width: 400px; float: right; } </style> </head> <body> <div class="wrap"> <div class="left"></div> <span></span> <!-- IE下文字溢出BUG --> <!--注释和内联元素都有影响--> <div class="right">↓这是多出来的一只猪</div> </div> </body> </html>
解决方案:(不满足以上条件即可解决)
两个浮动元素中间避免出现内联元素和注释
元素与父级宽度相差3px或者以上。
新手上路,欢迎反驳!
相关文章推荐
- IE,firefox内存溢出原因与解决方法
- 【转帖】IE与Firefox下javascript getyear年份导致日期不统一的解决方法
- Squid 开启大内存导致进程内存溢出解决方法
- Android 异步获取网络图片并处理导致内存溢出问题解决方法
- 关于文字溢出DIV容器的解决方法
- [解决方案] java.lang.OutOfMemoryError异常解决方法 [复制链接]
- css文字重复ie bug导致文字的奇怪复制
- “display:block-inline形式的Span或Div中添加文字后,导致Span或Div排版掉落、错位”的原因及解决方法
- [转]兼容IE firefox(FF下不认word-break及word-wrap),解决文字溢出的问题
- PDF复制文字到Word中太过混乱的解决方法
- Win7下IE 8内存保护可能导致ActiveX无法安装的问题及其解决方法
- IE,firefox内存溢出原因与解决方法
- 无法复制网页文字的解决方法
- 纯CSS的方法解决文字溢出与截断的问题
- firefox样式表cursor和兼容Ie firefox,解决文字溢出的问题(word-wrap:break-word;word-break:break-all)
- 安装IE7之后导致VB6IE控件无法加载WebBrowser的解决方法
- Android 异步获取网络图片并处理导致内存溢出问题解决方法
- css 文字重复 ie bug 导致文字的奇怪复制
- checkbox与文字混排无法对齐导致不美观的解决方法
- VSS新建项目后导致项目组成员不能打开解决方案的解决方法