Drei divs immer untereinander ausgeben bei dynamischem Inhalt

[Mike]

Hallo,

ich habe ein css-Problem.

Ich will eine Seite erstellen, die aus mehreren div-Bereichen
besteht, die untereinander angeordnet sein sollen:

+-----------------------------------------------------------+
| div 1                                                     |
+-----------------------------------------------------------+
| div 2                                                     |
+-----------------------------------------------------------+
| div 3                                                     |
+-----------------------------------------------------------+

In div 1 werden Informationen zur aktuellen Ansicht angezeigt.

In div 2 will ich die Möglichkeit einbinden, Filteroptionen für
div 3 anzeigen oder verbergen zu lassen.

In div 3 werden Informationen in Listenform ausgegeben.

Mein Problem ist nun, dass sich die Höhe des divs 2 ändern kann,
je nachdem ob erstens die Filteroptionen angezeigt werden oder
nicht und zweitens die verschiedenen Filteroptionen selber
unterschiedliche Höhen haben können.

Der div 3 soll aber immer an div 2 anschliessen.

Alle drei div-Bereichs sollen die Breite 100% haben.

Mit welchen css-Definitionen kann ich mein Vorhaben realisieren?

Danke und Gruß
Mike