问题记录

1.代码中，em换行写会造成一个空白。去掉em标签之间的空格，不换行。
2.利用margin设负值解决ie6下模块被顶换行的bug。
3.清除浮动的方法：父元素加overflow：hidden。
4.ie6中并列的几个块级元素如div和span，一些没有设置浮动一些设置右浮动，一行的宽度足够放下所有的块级元素，但此时ie6则显示右浮动的其中一块换行了
 *可将两部分代码位置交换
     缺点：破坏语义
 *绝对定位。
     优点：不破坏语义。
     缺点：代码量加大。
 *给他们都添加浮动。
     优点：同上。
     缺点：会引起其他bug等。
 *添加hack。_margin-top:XXXXpx;
     优点：同上。
     缺点：使用了hack。
5.ie6中li的子元素有display:block样式的时候会造成li之间留白，给li添加_display：inline。

6.a中包含行内元素时空白部分点击无效，解决办法：给a加上背景色。

7.IE6下导航栏li标签设置float属性后宽度不能自适应的解决办法：代码的<li>标签设置float:left属性后，在IE6下li的宽度不能自动适应，
解决的方法就是将<a>标签也添加float:left属性。

8.

当在ie6下的一个div，如果你设置了height的值，那么当line-height小于height的值的时候，DIV取的是height的 值；如果line-height大于height的值，那这时候影响DIV高度的就是line-height的值了。

当div高度为40时：

line-height:40px;    /*火狐*/
 *line-height:42px;    /*IE 6、7、8*/
 _line-height:40px;   /*重写IE6*/

方法2：

使用overflow:hidden;

应为line-height而超出的部分便不被显示了。