Alinhamento de DIV sem usar position.

[arthurcastro 0]

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>

[Public2004 79]

@arthurcastro  Salvo tenha sido apenas para demonstrar, lembro que "id" é único, não utilize em vários elementos, para isso, utilize classes. Quanto a sua questão, tem algumas sugestões:

1 - Se as alturas dos elementos são fixas, você pode trabalhar com uma margem negativa;

2 - Em vez de utilizar os elementos em linhas, utilize em colunas definindo a largura (33.33%) e "float: left" nelas;

3 - Grid layout em javascript: https://masonry.desandro.com/

 

Att.

[Maujor 144]

1. coloque o elemento DIV ADS na última posição na marcação HTML.
2. crie um container para os seis primeiros elementos DIV.
3. flutue esse container à esquerda e o DIV ADS direita.
4. flutue os seis DIVs à esquerda.
5. ajuste espaçamentos e larguras com CSS.

Esquema do layout:

 

[arthurcastro 0]

Obrigado pessoal! Consegui ^^