z-index浮动div定位

Question

z-index浮动div定位

16

我有两个div浮动到左侧。我将第一个div的z-index设置为更高，但它没有起作用。这是因为浮动元素没有定位吗？

<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>

- Preston

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- anothershrubery · Accepted Answer

你需要设置 position 属性。将 #menu 添加 position:relative 属性可以使菜单div显示在缩略图上方。