Dasiframe in der folgenden Demo ist ein Flex Item:

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

<iframe></iframe>

Aber es deckt nicht den Flex-Container ab:

Wenn Sie @ ersetziframe mit einerdiv, es funktioniert ohne problem.

Warum das Was ist der richtige Ansatz, um das Problem zu beheben?