I need to fill the remaining vertical space of #wrapper under #first with #second div.
#wrapper
#first
#second
I need an only CSS sol
Have you tried changing the wrapper height to vh instead of %?
#wrapper { width:300px; height:100vh; }
That worked great for me when I wanted to fill my page with a gradient background for instance...