Как расположить два div над каждым над

Есть ли способ начать рисовать divs из одной и той же точки? Это означает, что если я добавлю новый div, а затем добавлю еще один div, они будут отображаться друг над другом. Потому что я хочу переместить их все вместе в зависимости от одной и той же точки.

CSS:

#num1,#num2{
    display : inline
    position:relative;
    left:50px;
}

HTML:

<div id='container'>
    <div id='num1'></div>
    <div id='num2'></div>
</div>

Итак, что я должен добавить к этому коду, поэтому, когда браузер отображает этот код, 2 divs будут на одном месте?

Ответ 1

Все утверждения относительно абсолютного позиционирования верны. Однако люди не упомянули, что вам нужно положение: относительное в родительском контейнере.

#container {
  position: relative;
}
#num1,
#num2 {
  position: absolute;
  left: 50px;
}

<div id='container'>
  <div id='num1'>1</div>
  <div id='num2'>2</div>
</div>

Ответ 2

Используйте z-index для размещения divs друг над другом:

[http://www.w3schools.com/Css/pr_pos_z-index.asp][1]

Итак, вы поместите divs с абсолютным/относительным позиционированием, а затем используйте z-index для их слоя:

http://www.w3schools.com/cssref/pr_pos_z-index.asp

Ответ 3

Сделайте первую позицию: абсолютную, которая должна вывести ее из нормального потока страницы.

некоторая помощь.

Ответ 4

Я считаю, что единственный способ сделать это - использовать абсолютное позиционирование

Ответ 5

Вы можете использовать абсолютное позиционирование.

  #num1,#num2{ display : inline position:absolute; left:50px;top:10px; }