关于ie兼容问题

Posted 2020-07-27

ie浏览器开发者工具快捷键是F12，左边sidebar最下面的一个可以选择ie版本，以便调试。

 

1、在ie浏览器下，margin-bottom不起作用，要实现下部留空白，可以设置padding-bottom或者直接将盒子高度增大。

2、在ie浏览器下，<span>标签包<a>时，给<a>设置的样式（float，内联元素float后才能设置和高度）padding等是为了撑开盒子，边框，margin则应设置在span上。

3、在ie浏览器下，<img>标签有默认border，需要设置border：0；

4、两个盒子左右浮动情况，必须给他们的父元素设置宽度值，即使祖先元素设置了宽度，父元素因为float后，将不再继承祖先元素的宽度。