Есть ли способ начать рисовать 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 будут на одном месте?
Все утверждения относительно абсолютного позиционирования верны. Однако люди не упомянули, что вам нужно положение: относительное в родительском контейнере.
#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 для размещения divs друг над другом:
[http://www.w3schools.com/Css/pr_pos_z-index.asp][1]
Итак, вы поместите divs с абсолютным/относительным позиционированием, а затем используйте z-index для их слоя:
Сделайте первую позицию: абсолютную, которая должна вывести ее из нормального потока страницы.
Я считаю, что единственный способ сделать это - использовать абсолютное позиционирование
Вы можете использовать абсолютное позиционирование.
#num1,#num2{ display : inline position:absolute; left:50px;top:10px; }