CSS o rozmiarze 2 dywizji tej samej wysokości

mam pytanie w CSS:

Jak mogę to zrobić:

Gdy zielony div ma (auto) wysokość 500px dla zawartości, czerwony ma to samo.

A kiedy czerwony ma (auto) wysokość 700px dla zawartości, zielony ma to samo.

Obie mają dowolną zawartość, a następnie używam automatycznej wysokości.

Więc jak mogę zrobić zielony ma taką samą szerokość jak czerwony i czerwony, ale odrobinę różnej zawartości "wysokość: auto;"

questionAnswers(4)

yourAnswerToTheQuestion