在填坑。

问题1：IE7下，如果浮动元素前面的兄弟元素中存在行内元素，浮动元素会掉到下一行

<div class="container">
    <span>span</span>
    <span>span</span>
    <div class="left">左浮动的div</div>
    <div class="right">右浮动的div</div>
</div>

chrome，firefox下：

IE7下：

解决：

1. 针对IE7为浮动元素设置负的margin-top值
2. 将浮动元素写到行内元素前面

   <div class="container">
    <div class="left">左浮动的div</div>
    <div class="right">右浮动的div</div>
    <span>span</span>
    <span>span</span>
   </div>
   

问题2：IE6不认识min-height

解决：

div {
    min-height: 200px;
    height: 200px!important;  /* 因为IE6不识别!important，这一句对IE6无效*/
    height: 200px;            /* 这一句对IE6生效，IE6盒子的高度会被内容撑大，即使设置了高度，因此这样做的效果和min-height是一样的*/
}

问题3：IE8, 9, 10 下标签中的图片会出现边框

直接去掉边框：

img {
    border:none;
}