Chinaunix首页 | 论坛 | 博客
  • 博客访问: 189348
  • 博文数量: 62
  • 博客积分: 1477
  • 博客等级: 上尉
  • 技术积分: 475
  • 用 户 组: 普通用户
  • 注册时间: 2012-07-11 14:28
文章分类

全部博文(62)

文章存档

2012年(62)

我的朋友

分类: 系统运维

2012-07-18 13:51:55

页面代码:

[html]


多了一只猪





↓这就是多出来的那只猪



[/html]


1.IE6的BUG

经测试,只有IE6中有文字溢出bug,ie7 8火狐正常。


2.与浮动有关

去 除

中的“float:left;”,你会发现多出来的“猪”字不见 了,页面正常显示。同样去除 中的“float:right;”,多余的“猪”字也同样消失, 页面正常显示。

3.与注释“<---->”的位置有关


将注释转移到

前面,多余的“猪”字消失,页面正常显示。将注释转移到 ↓这就是多出来的那只猪
下面,多余的“猪”字也同样消失,页面正常显示。

4.与固定宽度有关

去除 中的“width:400px”,多余的“猪”字消失,页面正常显示。


5.溢出字数与注释条数有关

增 加注释的条数:当1条注释时,则多出来 1 个字;2 条注释时,则多出来 3 个字;3条注释时,则多出来 5 个字……我们会从上面的规律中得到这样一个公式:溢出文字的字数=注释的条数*2-1,这里的字数在中文或英文数字时都成立。当溢出的文字字数大于文本的 字数时,文字区块将会消失。


------------------------------------------------------------------------------------------------------------


解决方法:

a.不放置注释。最简单、最快捷的解决方法

b.注释不要放置于 2 个浮动的区块之间

c.将文字区块包含在新的 之间,如:

↓这就是多出来的那只猪

d.去除文字区块的固定宽度,与 3 有相似之处

阅读(1041) | 评论(0) | 转发(0) |
0

上一篇:纯Css 背景色透明,内容不透明之方法。

下一篇:复选框或单选框与文字对齐的问题

给主人留下些什么吧!~~