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

Question

Есть ли способ начать рисовать div из той же точки? Это означает, что если я добавлю новый 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 деления были в одном месте?

Answer 1

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

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

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

В зависимости от того, какой элемент вы хотите поместить сверху, вы можете применить z-index es к вашим абсолютно позиционированным элементам div. Более высокий z-индекс придает элементу большее значение, помещая его поверх других элементов:

#container {
  position: relative;
}
#num1,
#num2 {
  position: absolute;
  left: 50px;
}
/* num2 will be on top of num1 */
#num1 {
  z-index: 1;
}
#num2 {
  z-index: 2;
}

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

Answer 2

Используйте z-index, чтобы расположить элементы div друг над другом:

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

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

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

Answer 3

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

Answer 4

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

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

Answer 5

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

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