本人要做一个检测html元素是否被完整渲染到屏幕上的插件,于是创建了一个deemo准备写代码,可是出现了一个很诡异的缝隙,我看不懂它是怎么来的,于是来问一下。
就是那条白线
html如下
css如下
*{
margin:0;
}
.above{
background-color:red;
width:1500px;
height:600px;
}
.below{
background-color:blue;
width:1500px;
height:600px;
}
.left{
background-color:#5e5e5e;
display:inline-block;
width:600px;
height:200px;
}
#item{
background-color:purple;
display:inline-block;
width:300px;
height:200px;
}
.right{
background-color:#000;
display:inline-block;
width:600px;
height:200px;
}
.middle{
white-space:nowrap;
}
那个引用的js如下
$(function(){
//main
});