将div放在另一个CSS上

Question

我遇到了一个问题，我对CSS很新，但我如何让一个div超过另一个？这是我的代码：

#left_box
 {
margin-top: 0px;
min-width: 10%;
max-width: 10%;
height: 800px;
background: #C90;
border: thin 5px #33CCFF;
position: absolute;
z-index:1;
left: 16px;
top: 1px;
float:none;
}

#bar_outside
{

margin-top:75px;
min-width:10px;
max-width:2000px;
height:55px;
background:#ff69b4;
border:#ff69b4: 5px;
position:static;
z-index:2;

}

感谢您的帮助！

Answer 1

如果您希望一个div位于另一个div之上，则可以将position: static中的#bar_outside更改为position:relative，因为z-index属性仅适用于相对，绝对或固定。 See the fiddle

如果您希望将div放在另一侧的旁边，请在两个CSS类中相应地使用float CSS属性。 See the fiddle

Answer 2

你不需要职位：绝对。向左浮动并定义宽度