iframe в следующей демонстрации это гибкий элемент:

* {
  margin: 0;
  border: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
body {
  display: flex;
}
iframe {
  background: olive;
  flex: 1;
}

<iframe></iframe>

Но это не распространяется на гибкий контейнер:

Если вы заменитеiframe сdiv, это работает без проблем.

Это почему?Какой правильный подход для решения проблемы?