精确到1px的（布局）浏览器兼容问题

Posted 2020-10-06

1.精确到1px的
2.不如间距，行高，图片位置等等经常会差几px


css浏览器兼容
不加样式控制的情况下，各自的margin 和padding差异较大。
块属性标签float后(ie6)

高度小于10px(IE6，IE7)
因为img标签是行内属性标签，所以只要不超出容器宽度，img标签都会排在一行里，但是部分浏览器的img标签之间会有个间距。
去掉这个间距使用float是正道。

*{margin: 0;padding: 0;}
div{
    float: left;
    margin-top: 20px;
    display: inline-block;
}
p{
    height: 5px;
    /*overflow: hidden;*/
    line-height: 5px;
}
img{
    float: left;
}
.box{
    min-height: 200px;
    height: auto !important;
    height: 200px;
    overflow: visible;
}

 

/* CSS hack
IE6 ；IE7：下滑线和星号
和遨游 星号；
其他（IE8 chrome ff safari opera等）

/

.box1{
    height:300px;
    *height:200px;
    _height:100px;
}