Поместите детей div выше родительского div

Question

<div id="1">
 <div id="2">
 </div>
</div>

Я не могу расположить div2 выше div1 (не в z-index, а в вертикальном измерении). Отрицательная позиция: top не работает, похоже, что верхняя граница родительского div - это предел для детей.

      |-------|
      | div2  |
------|       |
|     |_______|
|          |
|   div1   |
|__________|      

Answer 1

Имена классов, начинающиеся с цифр, недопустимы, хотя могут работать в некоторых браузерах. Используйте div1 или div2, и это должно работать. Посмотрите на этот ответ для хорошего объяснения правильных имен классов CSS.

Обновление после комментариев:

Хорошо, ну, не видя код, вызывающий нарушение, трудно понять, в чем проблема. Но используя эту CSS, вы можете воспроизвести вашу диаграмму:

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

Как я думаю, вы уже знаете ... но, может быть, вы забыли position:relative? Во всяком случае, увидеть это работает в этой скрипке .