Javascript 如何在不影响其他元素的情况下扩展DIV

我想知道如何在不影响页面中其他元素布局的情况下扩展“div”。具体来说，我想实现一个类似于此的效果-。如果您将鼠标悬停在任何产品上，您将看到框会展开，显示更多信息；但是，其他元素（如下面的产品图像）不受扩展的影响。

使用绝对定位，然后可以增大/缩小div，而不会影响其周围的任何其他元素。

绝对定位div，并确保z索引处于顶级。只需使用CSS就可以完成，但使用js可能会更简单。

Add

position:absolute到您的div样式。这样它不会干扰其他元素，但仍会重叠它们，并且您可以为它们指定任何宽度和高度。
使用绝对位置。

相反，您也可以通过在div上写入onhover事件，并在该位置添加一个z索引更高的div，来实现相同的效果