Is it possible to set the height of a flexbox container as a percentage?

Question

JavaScript

I need to fit a div into a flex-box container so that it takes up 90% of the height. Everything is fine with the width, but the width cannot be set as a percentage. You can only fixed in pixels.

.LeftContainerTop
{
  border: 1px solid green;
  flex-grow: 0.4;
  display: flex;
  align-items: center;
  justify-content: center;
}

.SliderInContainerOnMainPage
{
  border: 1px solid red;
  flex-grow: 1;
 // вот тут
}

Answer 1

The code should be at the end of the page, or loaded after all html elements are loaded. res.onkeypresswill be nullbecause the click event you set forinp

Answer 2

https://jsfiddle.net/39ar5u3a/

Answer 3

An element can only be stretched x% height from its parent if you give the parent a clear height
https://jsfiddle.net/ceb6hrdL/2/