Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Alinhamento de DIV usando CSS

Boa noite, estou com uma dúvida relativa ao posicionamento de DIVs usando CSS. Estou tentando posicionar 3 divs do lado esquerdo, sendo cada uma com altura de aproximadamente 1/3 de uma outra que ficaria alinhada ao lado esquerdo delas, porem a maior se alinha à esquerda apenas da terceira DIV. Tentei fazer um desenho para exemplificar como queria que ficasse logo a baixo:

 _______   ________
|_texto_| |       |
|_texto_| | texto |
|_texto_| |_______|

o meu código está assim:

.container{
    display: inline-block;
    max-width: 730px;
    width: 728px;
    margin-top: 10px;
}
.boxmenor{
    display: inline-block;
    width: 700px;
    height: 120px;
    background-color: #fefefe;
    border: 1px #e9e7e7  solid;
    margin-left: 25px;
    padding: 5px;
}
.boxmaior{
    display: inline-block;
    width: 280px;
    height: 360px;
    background-color: #fefefe;
    border: 1px #e9e7e7  solid;
    margin-left: 5px;
    padding: 5px;
}
<div class="container">
    <div class="boxmenor">
        texto
    </div>
    <div class="boxmenor">
        texto
    </div>
    <div class="boxmenor">
        texto
    </div>
</div>
<div class="boxmaior">
    texto
</div>
2 respostas
solução!

Oi, Marcos, tudo bem?

Você já tentou usar o position: absolute na classe class="boxmaior"? O position absolute terá como referência o pai que nesser caso é body, que nada mais é que o browser, utilizando o position absolute o seu boxmaior irá se mover para o canto superior esquerdo, se alinhando com os demais.

Espero ter te ajudado!

deu certo, obrigado!