调整浏览器宽度，hover的div偏移1px

Question

写的是一个类似于菜单分类的div（称为category），鼠标放上去后出来一个长条的div（称为dropdown）。

category是dropdown的父元素，在category的css样式中写入position:relative；dropdown的写入position:absolute。

用Chrome打开，浏览器最大化的时候，鼠标放上去，出来的dropdown与category是对齐的。但是当我调整浏览器到某一宽度时，dropdown向左偏移了1px。假如浏览器宽度1249px时发生这个偏移，但是调整宽度为1248px和1250px的时候又恢复正常了。

尝试用Safari打开后没有发现这个问题。在IE上就又有这个问题。

然后我尝试不用position来定位dropdown，用float试了一下，仍然有这个问题。

困扰好久了，求大神帮忙分析解决一下，万分感谢！

Answer 1

show me your code...  放在codepen吧..