我想知道如何在不影响页面中其他元素布局的情况下扩展“div”。具体来说，我想实现与此类似的效果 - http://www.ikea.com/us/en/catalog/categories/departments/kitchen/kitchen_int_lighting/。如果您将鼠标悬停在任何产品上，您会看到该框展开显示更多信息；但是，下面的产品图片等其他元素不受扩展的影响。
问问题
9514 次
4 回答
8
使用绝对位置。
相反，您也可以通过在 div 上编写 onhover 事件并在该位置添加一个具有更高 z-index 的附加 div 来实现相同的效果。
于 2012-09-13T07:26:08.077 回答
1
添加position:absolute;到您的 div 的样式。这样它就不会干扰其他元素但仍然会重叠它们，并且您可以为它们指定任何宽度和高度。
于 2012-09-13T07:16:47.873 回答
1
使用绝对定位，然后你可以扩大/缩小 div，它不会影响它周围的任何其他元素。
于 2012-09-13T07:10:21.523 回答
0
绝对定位您的 div 并确保 z-index 位于顶层。它可以只使用 CSS 来完成，但使用 js 也可能更容易。
于 2012-09-13T07:10:59.487 回答