Div height 100% and expands to fit content

Question

I have a div element on my page with its height set to 100%. The height of the body is also set to 100%. The inner div has a background and all that and is different from t

Answer 1

use flex

.parent{
    display: flex
}

.fit-parent{
    display: flex;
    flex-grow: 1
}