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

tmallfe / tmallfe.github.io

天猫前端

http://tmallfe.github.io

3.93k stars 508 forks source link

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

Closed Dengjiansheng closed 7 years ago

Dengjiansheng commented 7 years ago

在天猫浏览商品时，假使一个商品有多个选择，且是图片，.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 7 years ago

长度计算舍入误差 bug

解决方法:

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

PS: float一直是bug之源