点赞按钮使用 float: right 会导致一些潜在的问题

ArtitalkJS / Artitalk

通过leancloud实现的可实时发布说说的js

https://artitalk.js.org

MIT License

329 stars 52 forks source link

Closed YexuanXiao closed 1 year ago

YexuanXiao commented 4 years ago

描述点赞按钮使用 float:right 会导致特定情况下按钮溢出到说说内容 ( li ) 外面。

出现bug的页面 页面链接：https://mysteriouspreserve.com/artitalk

重现当且仅当“平台+时间”占用一整行（不换行）并且该行没有足够的位置容纳点赞按钮时出现此情况，常见于移动端。

截图

Drew233 commented 4 years ago

嗯嗯，之前也有人反映过这个问题，下个版本会尽力解决👌

Drew233 commented 4 years ago

哇，非常感谢🙏 我的css基础不是很好，真的非常感谢

YexuanXiao commented 4 years ago

哇，非常感谢🙏 我的css基础不是很好，真的非常感谢

我发现这个也有问题，会导致元素重叠。。。。

Drew233 commented 4 years ago

啊这，没事，我多琢磨琢磨，肯定可以解决的

jerryc127 commented 4 years ago

可以考慮用 display: flex