How to layout a div and an image so that their total height is equal to the height of the screen?

Question

css

How do I make the sum of the heights of the fixed-height div and the image equal the height of the screen?

Answer 1

You can use flexbox, you can -
div{ height:calc(100vh-how manypx); }
img{ height:how manypx }