如何将多个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;来实现。