css - Div 在彼此的 css 之上

Question

我想在 div 2 之上创建 div 1，但这不起作用

    .div1, div2 {
  width:100px;
  height:100px;
  float:left;
}
.div1{

  left:-50px;

  position:relative;
    z-index:-1;
}
.div2{
  left:-50px;
  z-index:1;
  position:relative;
}

Answer 1

如果您的蓝色框首先出现在 HTML 中，则将蓝色框的左侧更改为 px，将红色框的左侧更改为 -204px。如果红框先出现在 HTML 中，则将红框的左侧更改为 0px，将蓝框的左侧更改为 -204px。

(额外的 4 像素用于两边的 2 px 边框。)

使用 Myles 的 JSFiddle，这里是位置的演示:相对解决方案:JSFiddle