Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Thiago Dias_132983

Problema com alinhamento

Por , em Desenvolvimento frontend

Recommended Posts

Thiago Dias_132983    3

Thiago Dias_132983
Postado

Eai galera, tenho uma dúvida bastante simples, eis a dúvida:

tenho 2 Divs, uma fica na direita e outra na esquerda, o problema é que a div1 irá se multiplicar na página, mas ela não fica embaixo da div2, só fica se repetindo abaixo de si mesma.

A realidade:
DIV2.jpg
A Expectativa:

DIV.jpg
Como posso fazer que a div1 fique,ao se repetir, abaixo da div2

Compartilhar este post

Link para o post
Compartilhar em outros sites

reebr    94

reebr
Postado

Uma div "wrap" + float:right

 

<body>
   <div class = 'wrapper'>
      <div class = 'minha-div'>Div2</div>
      <div class = 'minha-div'>Div1</div>
      <div class = 'minha-div'>Div1</div>
   </div>
</body>
.wrapper {
    width: 320px;
    height: 170px;
}
     
.minha-div {
    background: #000;
    color: #fff;
    float: right; /* :D */
    height: 80px;
    margin: 0 5px 8px 5px;
    width: 150px;
}
     
.minha-div:first-child{
    background: #cc0000;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito