总结下关于自己学习IE兼容所遇到的的一些问题

  菜鸟前端程序猿一枚，目前还处于学习阶段，写一些自己所遇见的关于IE兼容的问题吧。

1.不同浏览器的padding，margin是有差异的。

此时我们只需要在css里加上*{paading:0;margin:0;}把边距都设为0就ok。

2.在IE5 IE6的方框条会呈梯子型排列的问题。

IE5 IE6

其他浏览器

此时我们有两种解决方案：

a.  在其标签里设置float:left;

b.在其标签设置display:inline;

3.在IE5 IE6无法设置边框的最小高度。

如：在css样式中设置一个边框的最小高度为height: 2px;

在其他浏览器显示为：

在IE5,6中显示的不是我们设置的最小高度：

解决方法：在标签里设置font-size:0; 将字体大小设置为0,或者overflow:hidden;

4.在IE浏览器中父级元素中的子级元素边框溢出，影响美观效果

如：写出一个边框含边框的样式

在其他浏览器中显示：

在IE中显示溢出：

解决方法：添加position: relative;

5.IE浏览器中列表自动空行

如:

在其他浏览器显示：

在IE：

解决办法：使用display: inline；

6.布局错误

如：

在其他浏览器上：

在IE上布局错误：

解决方法：

使用overflow: hidden ；