我有一系列在视觉上形成列表的帖子标题。将鼠标悬停在列表中的一行上时，<div>包含帖子内容的 a 在该行的右边缘变得可见，其行为类似于弹出菜单。此弹出按钮<div>的高度大于行（在大多数情况下）。它的高度也是可变的，所以它是不可预测的。
见这里。滚动到底部。
因为此弹出<div>按钮绝对位于其父项的右侧，所以它实现了所需的弹出按钮效果。
但是如果你滚动到列表的底部，你可以看到最后一项延伸到#schedule-section-container's 边框的底部边缘以下。我想以最干净的方式纠正这个问题。
我知道这是因为定位。但是有没有一种方法可以在不猜测 a 的情况下实现相同的弹出效果margin-bottom？我想使用浮动，但我不知道如何让列表在弹出时保持其较短的高度。
仅使用 CSS 这可能有点棘手，但我认为您正在寻找的是：
.hentry:last-child > .entry-content { bottom: 0; }
这会将最后一个孩子定位到底部而不是顶部，从而在不超出容器边界的情况下提供所需的效果。由于最后几个实际上超出了界限，您还可以尝试 :nth-last-child 从末尾开始计数，如下所示：
.hentry:nth-last-child(1) > .entry-content { bottom: 0; } /* This is last child */
.hentry:nth-last-child(2) > .entry-content { bottom: 0; } /* Second to last */
.hentry:nth-last-child(3) > .entry-content { bottom: 0; } /* Third to last, etc */
由于 Wordpress 在一些地方使用 .hentry ，因此可能需要在开头添加一些更具体的内容以将其限制为仅此页面，但这应该会给您一个很好的起点。此外，如果需要旧版 IE 支持，您可能需要考虑使用Selectivzr