position fixed

[Biel. 9]

Olá pessoal. Direto ao ponto. Abaixo temos div_1 e div_2 . Note que div_1 tem position:fixed;  Gostaria que div_2 ficasse sempre abaixo da div_1, independentemente de quanto texto tenha a div_1

<style>
*{ margin:0; padding:0;}
body{text-align:center;}

.div_1{
	width:100%;
	background:#7F9F55;
	position:fixed; z-index:0;
	}
	
.div_2{
	background-color:#D6D6D6;
	max-width:800px;
	margin: auto;
  position: relative; z-index:1;
	}
	
</style>

...

<div class="div_1">
div_1 <br />
div_1 <br />
div_1 <br />
div_1 <br />
div_1 <br />
</div>

<div class="div_2">
div_2 <br />
</div>

 

[wanderval 19]

Mas o que não ficou muito claro, porque você precisa do position:fixed; afinal com a propria div você ja tem esse comportamento, e dessa forma você torna os elementos anexados em diferentes referencias, viewport e elemento parent.

 

Seguindo o seu css a unica forma seria emum cenario onde a primeira div não tivesse seu height alterado assim daria pra colocar a diferença em uma margin top na segunda div.

 

EX: essas divs por si so já executam esse comportamento, pq são por definição display: block então sempre ocuparam 100% dentro do container

<div>div_1</div>

<div>div_2</div>

[Biel. 9]

obrigado a todos pela contribuição. Tarefa resolvida !