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而超出的部分便不被显示了。
新闻热点
疑难解答