javascript - 如何通过底部坐标而不是顶部坐标来锚定元素

Question

我正在使用 React 制作一张扑克牌 table 。现在我有需要围绕 table 定位的播放器组件。

我遇到的问题是，当屏幕属性更改时，播放器框也会更改，这正是我想要的，但是前两个的位置锚定在顶部，这导致播放器从 table 。我宁愿将 anchor 放在底部，这样它们就会留在 table 旁边。

Answer 1

如果你在这里使用绝对定位，你可以这样做:

.player {
    top: 200px; /* whatever value you want the bottom of element to be from top */
    margin-top: -100%; /* bring the element back up so the bottom is where the top value set above is */
}

也就是说，我建议在这里使用 CSS 表格或 flexbox 之类的东西。