浏览器兼容问题

1.图片缝隙边距(涉及了行内元素布局模型)问题；（行内元素主要用来装一些具体内容，如文字f g t p,下行字母）

解决办法：1.转成块级（不能解决并排显示）；2.给父级元素字体大小设为0（推荐使用）；

2.IE6不可定义最小高度；

解决办法：高度前加下划线，如：_height;(IE6专用hask设置高度，使6识别，其他不识别)；

3.空格不保留

解决办法：文本中不要出现空格；

4.IE8及以下opacity不支持

解决方法：filter:alpha(opacity=50);

5.超出文本变成省略号

解决方法：text-overflow:ellipsis;/*ellipsis显示省略号*/    white-space:nowrap;/*设置处理元素内的空白部分，值nowrap空着也不换行，直到遇到强制换行*/    overflow:hidden;/*超出隐藏*/

6.IE6下面浮动不会对后面元素产生影响，但会多出3个像素的左右边距，但清除浮动后的效果和谷歌正常时一样；

解决办法：给没有加浮动的元素加上浮动。

7.两个以上li标签会出现边距

解决办法：当IE7以下出现边距，给元素转成行级就可以消除。

8.子浮动父不浮动，子不能撑开父的高度

解决办法：1.给父亲手动设置高度；2.清除浮动；

9.margin-top塌陷现象(ie6正常)

解决办法：1.给父元素设置overflow:hidden; 2.给父元素添加边框border：1px solid transparent;宽高各减少2像素；