Позиционирование div, как совместить два div?

Question

[Yan Solodovnikov]

Допустим у меня два div:
div class="one"
/div

div class="two"
/div
В css у меня прописано к первому div - абсолютное позиционирование.
Как так сделать что бы второй div был после первого без абсолютного позиционирование ?

Answer 1

[IceJOKER]

1. С помощью margin
2. Добавить еще один div плейсхолдер, под абсолютно позиционированным div-ом, чтоб тот занял его место
3. positiov relative

Answer 2

[Юлия Коваленко]

То есть:

<style>
	div{
		width: 100px; 
		height: 100px;
	}
	#one{
		background-color: pink;
	}
	#two{
		background-color: yellow;
	}
</style>

<div id='one' style='position: absolute;'></div>
<div style='display: inline-block'></div> 
<div id='two' style='display: inline-block; margin-left: -4px'></div>

<br><br>

<div id='one' style='position: absolute;'></div>
<div id='two' style='margin-left: 100px'></div>

<br><br>

<div id='one' style='position: absolute;'></div>
<div id='two' style='position: relative; left: 100px'></div>