html - Flex iframe doesn't stretch in IE11 -


the following iframe flex item , supposed stretch , fill available space:

<!doctype html> <html>  <head>     <meta charset="utf-8">     <title>flex iframe</title>     <style>         body {             display: flex;             margin: 0;             height: 100vh;         }         span {             background: green;         }         iframe {             background: tan;         }     </style> </head>  <body>     <span>hello, world!</span>     <iframe></iframe> </body>  </html> 

but in ie11 doesn't right:
demo

is bug? what's cross-browser solution?

that's easy:

iframe {             min-height: 100%;         } 

demo


Comments

Popular posts from this blog

java - Intellij Synchronizing output directories .. -

git - Initial Commit: "fatal: could not create leading directories of ..." -