Dei uma aula ontem sobre HTML pra uma amiga e essa foi a definição que eu usei:
DIV é um quadradinho invisível sem altura nem largura.
Ele passa a ter a altura e a largura dos elementos que estiverem dentro dele.
Serve só pra agrupar mesmo.
Tipo: eu tenho 3 parágrafos e os 2 primeiros são especiais porque são um tipo de resumo.. eles vão ter formatação especial e uma borda que envolve os dois.
daí eu coloco:

```HTML
<div>
    <p> primeiro paragrafo especial </p>
    <p> segundo paragrafo especial </p>
<div>
<p> tereceiro paragrafo </p>
```

O codigo acima não muda nada se voce usar ou não usar a DIV.
Mas se usar, tem como transformar ela em `<div style="border-style: solid;">` e daí você vê a mágica acontecendo somente nos dois parágrafos que você "juntou" debaixo dessa div.

Fez sentido ??sd

Dei uma aula ontem sobre HTML pra uma amiga e essa foi a definição que eu usei: DIV é um quadradinho invisível sem altura nem largura. Ele passa a ter a altura e a largura dos elementos q...