oiframe na demonstração a seguir é um item flexível:

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

<iframe></iframe>

Mas ele não cobre o contêiner flex:

Se você substituiriframe com umdiv, funciona sem nenhum problema.

Por que é que?Qual é a abordagem correta para resolver o problema?