Div sobrepondo a outra

27 de dezembro de 2016 8 respostas Resolvido

annyk 27 de dezembro de 2016

Estou usando essas duas divs, no caso ela teriam que ficar uma embaixo da outra, mas esta acontecendo isso, como eu resolvo?

<div class="valorAss col-sm-2">
    <div class="total1">valor1</div>
    <div class="total2">valor2</div>
</div>

.valorAss{ 
   float: right;
   position: relative;
  height: 20%;
}

.selAss{
 float: left;
 }

.total1{
 height: 20%;
 padding: 2%;
 text-align: center;
 position: absolute;
 top: 0;
}

.total2{
 height: 20%;
 padding: 2%;
 text-align: center;
 position: absolute;
bottom: 0;
z-index: 50;
}

8 Respostas

Jonathan_Medeiros 27 de dez. de 2016 2 likes

Bom dia!

Já tentou passar um valor maior para o padding da sua 2° div ?

Exemplo:

.total1{
 height: 20%;
 padding: 5%;
}

.total2{
 height: 20%;
 padding: 15%;
}

annyk 27 de dez. de 2016

Oi boa tarde, eu tentei agora, ela saiu de cima da outra, ela foi mais para cima.
Ainda não deu certo rs

Jonathan_Medeiros 27 de dez. de 2016 1 like

Tenta fazer processo inverso, passa um valor maior para a primeira DIV e um valor menor para segunda DIV.

Matheusrfjava 27 de dez. de 2016 1 like

Não seria devido as classes .total1 e .total2 terem a mesma posição absoluta? com uma ligeira elevação parao valor 2.

Experimente position: relative

annyk 27 de dez. de 2016

ainda não deu certo hehe com a mudança da posição não estão mais em cima uma da outra, mas a div total2 não esta no bottom

Solucao aceita

fnx 27 de dez. de 2016 1 like

O padrão de uma div é ser blocante. Logo, elas se apresentariam uma abaixo da outra!
Penso eu, que os seus “position” estão prejudicando a apresentação, nesta questão.

RaulCrash 27 de dez. de 2016 1 like

@annyk pelo o que você pediu, é só você retirar estes css. Repare que você está utilizando class do bootstrap ele irá fazer o que você quer uma div abaixa da outra.

EDIT: Se não estiver usando bootstrap (col-sm-2) me corrige. =)

annyk 27 de dez. de 2016 1 like

Estou usando sim rs, mas resolveu o que a Maria Eduarda falou resolveu o meu problema rs, retirei os position e funcionou!

Obrigada a Todos

Criado 27 de dezembro de 2016

Ultima resposta 27 de dez. de 2016

Respostas 8

Participantes 5

8 Respostas

Topicos relacionados