Html 将div置于另一个div之上，CSS

我遇到了一个问题，我对CSS是相当陌生的，但是如何让一个div超过另一个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;

}

---

谢谢你的帮助

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

如果希望一个div位于另一个div之上，可以将

#bar_外部

中的

位置：静态

更改为

位置：相对

，因为z-index属性仅适用于相对、绝对或固定

---

如果希望div一个挨着另一个放置，请在两个CSS类中相应地使用

float

CSS属性

改变

位置：静态至<代码>位置：相对

z-index无法应用静态定位元素要使

z-index

工作，必须使用

position:relative/absolute/fixed

。像那样？谢谢AlienArrays这正是我想要的！