The CSS height 100% problem I have tried it before. Indeed, there is a trick to getting a container to occupy the full size of the available area of the browser at the top.
Actually you are doing it right, that is, you are placing the attribute height:100%, which is what will help you for this, but you also have to put them as attributes to the body and the html tag.
I assume you will have something like this:
Well, you would also have to put this other thing, so that both the body and the html have height=100%: (in addition to each container that there is until you reach the layer that you want to occupy the entire height)
A complete example, layouted with CSS, for the height: 100% to work:
This is content that we place on the left side. It is very easy to layout with a full-height container.