追查1px的bug

ajiao注：仅为自己记录，其他博友们看可能云里雾里。

今天花了2个多小时调查错位1px（在某些环境下更多）的bug。

页面情况：标签框相对于左侧的checkbox绝对定位。飞一下、取消、推荐到没体均为右浮动。

调查：       截图、在PS上一点点测量，发现checkbox错位了1px。无从考证，很多种原因造成这种错位，不同的操作系统、字体（此处字体均为微软雅黑）、浏览器、分辨率都有可能。

解决：       给推荐到没体这个右浮动设置宽度。

PS：         吐血。“最好给浮动元素设置宽度”这句至理名言，常常在你快要忽视它的时候狠狠地绊你个跟头。

图1为开发环境下浏览器FF的情况，草稿框和其下的标签框是左对齐的。

图2为测试环境下浏览器FF的情况，标签框右错1px

图3为Neo机子上Chrome下的情况，标签框错位6px