IE6双倍距的问题
问题: 当浮动元素设置margin边距时,边距会加倍。
解决方法:是给浮动元素加上display:inline属性
IE6图片下方有空间隙
问题:图片的下方默认的空隙
解决方案: 给img设置 display:block属性
IE63像素偏移BUG
问题:当浮动元素与非浮动元素相邻(注意这里的相邻可以是纵向的也可以是横向的)时,这个3像素的Bug就会出现,它会偏移3像素。实际表现就是两个元素之间产生了一道缝隙!
解决方案:将两个元素都浮动就OK了。此BUG深层的原因是非浮动元素的layout未触发,所以这里只要是能够触发layout的css都可以解决问题。
相对位置和溢出隐藏
问题:当父元素的overflow被设置成hidden并且子元素被设置成position:relative。
解决方案:为父元素增加position:relative;
IE的最小高度
问题:没有最小高度的概念
解决方案:IE忽略min-height属性。采用这种暴力的方式解决:
selector {
min-height:500px;
height:auto !important;
height:500px;
}
IE6,7失效的margin-left/right
问题;
<div class="wrap"