How could I align three divs as below?

[![enter image description here](https://i.stack.imgur.com/KDL8K.png)](https://i.stack.imgur.com/KDL8K.png)

And more, I would like div2, div3 to be fixed when I scroll. I tried with `position: fixed`, but I need to hardcode how many pixels needs from left and top to div2/div3 and this is not good because when I change the resolution of the screen div2/div3 do not appear on the page.