html - 在表格中悬停不起作用

Question

我将一个 Div 框放在一个表格单元格中，当它悬停在上面时应该会向上滑动。当我将鼠标悬停在它上面时，它什么也没做。我试过下面的代码但没有成功。

我也试过 Javascript 的方式，但也不行。

<td>
Product 1
<div id="p1" class="bottombox"></div></td>

.bodytable td #p1{
    bottom:-10px;
}
.bodytable td #p1:hover{
    bottom:-130px;
    width: 50%
}

Answer 1

悬停实际上是有效的。尝试为 div 提供 background 颜色，您将看到它。

此外，如果您没有将 div 位置指定为 absolute，那么 bottom 属性将不会像这样工作。也许您想要 margin-bottom 或 padding-bottom？

EXAMPLE HERE