ie bug

IE6下默认的字体尺寸大致在 12 - 14px 之间，当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度，实际在 IE 下显示的仍然是一个 12 px 左右高度的层。

要解决这个问题，可以强制定义该 div 的字体尺寸，或者定义 overflow 属性来限制 div 高度的自动调整。比如 <div style="height: 6px; font: 0px Arial;"></div> 或者 <div style="height: 6px; overflow: hidden;"></div> 都可以阻止 IE 的自作聪明。

ie6 clear:both bug 清除不了浮动影响
请使用下面的:.clear{clear:both; content:"."; display:block; height:0pt; visibility:hidden; overflow:hidden;}

<li>标题的图标 对不齐怎么办.
1.将图片设置为标题的背影. 并控制背景图片的位置
  并用padding-left:n  将图标的位置让出来

.cuttitle{
    overflow:hidden;
    text-overflow:ellipsis; /* 超过指定宽度时显示省略号 */
    white-space:nowrap;   /* 不自动换行 除非遇到空格或换行符时 */

}

2.强制换行

1. word-break:break-all;只对英文起作用，以字母作为换行依据

2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据

3.{white-space:pre-wrap; 只对中文起作用，强制换行

4.{white-space:nowrap; 强制不换行，都起作用

5.{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行，超出部分隐藏且以省略号形式出现

注意，一定要指定容器的宽度，不然的话是没有用的。