Home/ Questions/Q 3968884
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T03:53:49+00:00

I have two divs float:left. I z-index the first div to be above, but

  • 0

I have two divs float:left. I z-index the first div to be above, but it doesn’t work. Is this because floated elements are not positioned?

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

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to set the position property. Adding position:relative to #menu displays the menu div above thumbs.

    • 0