问将子div放置在父div之上

EN

以数字开头的类名是无效的，尽管它可以在某些浏览器中工作。使用div1或div2就可以了。看看this answer，可以很好地解释有效的CSS类名。

评论后更新：

好吧，好吧，如果看不到有问题的代码，很难看出问题出在哪里。但是使用这个css，你可以重现你的图表：

#div2 {
    position:relative;
    top:-30px;
    left:100px;
}

我想你已经知道了..但也许你忘了带position:relative？无论如何，看看它在this fiddle中是如何工作的。

请记住，position: relative属性允许该元素中的子元素相对于该元素进行放置。它本质上定义了一个新的点，通过它可以相对地放置元素。

因此，如果我们有一个包含position: relative的div (oneDiv)，然后在该div中有另一个包含position: absolute的div (twoDiv)，那么第二个div (twoDiv)将绝对定位，但相对于其父对象。

​

.oneDiv {
  position: relative;
  top: 100px;
  background-color: red;
  height: 200px;
  width: 200px;
}

.twoDiv {
  position: absolute;
  right: -50px;
  top: -50px;
  background-color: blue;
  height: 100px;
  width: 100px;
}

<div class="oneDiv">
  <div class="twoDiv">
  </div>
</div>

​

因此，" top“不再是文档的顶部，而是孩子父级的顶部。通过使用上面的示例，您可以确保保持您的布局，并且无论如何，如果您移动.oneDiv，twoDiv都会跟随它。