Tengo una pregunta en CSS:

Como puedo hacer eso:

Cuando el div verde tiene (auto) 500px alto para el contenido, el rojo tiene el mismo.

Y cuando el rojo tiene (auto) 700px de altura para el contenido, el verde obtuvo lo mismo.

Ambos tienen cualquier contenido, entonces uso la altura automática.

Entonces, ¿cómo puedo hacer que el verde tenga el mismo ancho que el rojo y el rojo pero con contenido diferente con "altura: automático"?