Alinhamento de DIV sem usar position.
Oi! Tudo bem?
Poderiam me dar uma ajuda, por favor? :)
Estou precisando alinhar algumas DIVS da seguinte maneira:
Supondo que tenhamos uma div pai de largura 100%:
Na primeira linha: 3 DIVS de mesmo tamanho (largura: 33.3333% altura: 120px), seguida por uma DIV coluna para anúncio de mesma largura só que com altura de 240px.
Na segunda linha: 3 DIVS de mesmo tamanho (largura: 33.3333% altura: 120px), com a continuação da DIV coluna para anúncio da linha de cima.
Como faço para que as 3 divs da segunda linha encostem próximo as 3 DIVS da primeira linha visto que a DIV de anúncio empurra as DIVS da segunda linha pra baixo e sem usar position: absolute ou fixed.
Tem algum float ou display que faça as DIVS se ajustarem automaticamente sem precisar forçar nada com position, margin e essas outras opções?
#div {
display: inline-block;
width:120px;
height:120px;
border: 1px solid #000000;
}
Como fazer as 3 DIVS de baixo encaixarem ali no espaço que ficou em branco?
<div id="wrapper">
<div id="div">DIV<br/><br/><br/><br/><br/><br/></div>
<div id="div">DIV<br/><br/><br/><br/><br/><br/></div>
<div id="div">DIV<br/><br/><br/><br/><br/><br/></div>
<div id="div" style="height: 240px;">DIV ADS<br/><br/><br/><br/><br/><br/></div>
<div id="div">DIV<br/><br/><br/><br/><br/><br/></div>
<div id="div">DIV<br/><br/><br/><br/><br/><br/></div>
<div id="div">DIV<br/><br/><br/><br/><br/><br/></div>
</div>Discussão (3)
Carregando comentários...