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

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

div class="two"
/div
В css у меня прописано к первому div - абсолютное позиционирование.
Как так сделать что бы второй div был после первого без абсолютного позиционирование ?
  • Вопрос задан
  • 455 просмотров
Пригласить эксперта
Ответы на вопрос 2
@IceJOKER
Web/Android developer
1. С помощью margin
2. Добавить еще один div плейсхолдер, под абсолютно позиционированным div-ом, чтоб тот занял его место
3. positiov relative
Ответ написан
Комментировать
То есть:
<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>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы