2015-10-12

---

一、在IE7 中，有时候line-height对img无效，在img标签后面加上空格就行，或者在img前/后加上& nbsp;

<style>
    .box{line-height:100px; height:100px;}
</style>
<div class="box"><img src="1.jpg" ></div>

但是有时候line-height在IE7 中无效。

<style>
    .box{line-height:100px; height:100px;}
</style>
<div class="box">&nbsp;<img src="1.jpg" ></div>

此时，line-height对img有效了。

---

二、浮动的元素，父元素宽度不够，可以在父元素与浮动之间再添加一个普通的毫无样式的div进行包裹，设置为margin负值，然后设置父元素overflow：hidden；隐藏超出的部分。

---

三、著名的IE6bug，当一个元素为浮动，而另一个元素为不浮动，那么之间会产生3px的bug，所以很多结构在IE78正常，IE6就掉了。

注意，如果不浮动的那个元素拥有了触发layout的属性，如宽/高，那么它将“认识浮动”，直接移动到浮动元素的旁边，不需要相应的maigin来让出。

所以IE6不用写让出的margin，代替的是修正间隙的margin，改为margin-left：-3px；

---

四、