html - 如何将多个 div 标签相互放置

Question

我在将 3 个不同的 div 标签放在一起时遇到问题。最初它们假设重叠，但实际上它们位于彼此下方，我试图避免这种情况。

有人可以建议我如何将所有 3 个定位在一个点上吗？

这是我使用的 CSS：

#menudiv{
height:225px;
width:900px;
background-image:url(images/menu1.jpg);
}

#menudiv2{
height:225px;
width:900px;
background-image:url(images/menu3.jpg);
visibility:hidden;
}


#menudiv3{
height:225px;
width:900px;
background-image:url(images/menu2.jpg);
visibility:hidden;
 }


#tableMenuDiv{
position:absolute;
width:100px;
height:225px;
left:53px;
top:137px;
 }

这是一个 html 代码，我将它们放在页面中：

<td width="900px" align="left">

<div id="menudiv"></div>
<div id="menudiv2"></div>
<div id="menudiv3"></div>

<div id="tableMenuDiv">
</td>

Answer 1

您需要将 div 带出正常流程，而不是将其可见性设置为隐藏。通过设置position: absolute;它们来做到这一点。