tmallfe/tmallfe.github.io

浏览天猫页面时的一个疑问

Dengjiansheng opened this issue · 1 comments

Dengjiansheng commented

在天猫浏览商品时，假使一个商品有多个选择，且是图片，.tb-prop .tb-img li a这个元素hover上去后有个border: 2px solid #be0106;margin: -1px;的效果，造成布局混乱，给.tb-prop .tb-img li a添加box-sizing:border-box以及去除hover后的'margin:-1px'布局恢复，这是bug吗

zcyzcy88 commented

长度计算 舍入误差 bug
image

解决方法:

  • 不用float, 用inline-block (推荐)
  • 不缩放页面
  • 换浏览器
  • 改Chromium源码

PS: float一直是bug之源