css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

How I work around the IE 11/10 min-height flexbox bug


  1. this fix doesn't seems to be anymore on latest version of IE at this time of my comment , finally :)

  2. Works great

  3. Cheers, works great. You should PR this to the solved by flex box repo because just setting height: 100% break other things like e.g. the background.

  4. Worked perfectly in IE11. Thank you so much!

  5. I think is actually works because you're using the vh units on min-height on l-flex-child. You can remove the flex-direction: row on l-flex-parent and it still works. If you try use min-height: 100% on flex-fix, flex-parent and flex-child it doesn't work.

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.