1. 首頁
  2. 問答
  3. z-indexing浮動divs

z-indexing浮動divs

2011-02-16 52 views
14

我有兩個div浮動：左。我z-index第一個div在上面，但它不起作用。這是因爲浮動元素沒有定位？z-indexing浮動divs

<html> 

<style> 
    #wrap{ 
     background:#666; 
    } 

    #menu, #thumbs{ 
     float:left; 
    } 

    #menu{ 
     background:#06C; 
     z-index:10; 
    } 
    #thumbs{ 
     background:#0CF; 
     margin-left:-20px; 
    } 

</style> 
</head> 

<body> 

<div id="wrap"> 
    <div id="menu"> 
    <p>menu</p> 
    </div> 
    <div id="thumbs"> 
    <p>thumbs</p> 
    </div> 
</div> 


</body> 
</html>

來源

2011-02-16 Preston

回答

30

您需要設置position屬性。將position:relative添加到#menu會在拇指上方顯示菜單div。

來源

2011-02-16 15:51:18 anothershrubery

+0

你們太棒了！感謝堆垛機！這解決了這個問題。 – Preston 2011-02-16 16:03:35

相關問題

 相關問題