如何將多個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;來實現。