Setting height for a div inside a slidebox


I have a div inside each slide ,how do I set the height of the div to cover the whole content area.

I have tried setting the height/min-height of the div to 100% but it doesn’t work.


Try this:

.slider {
    height: 100%;



This solution works only if I add :

.scroll {

will doing this introduce css issues elsewhere?


I’m not really sure. You might want to post a CodePen sample if you have any further trouble with it.

Here is a very ugly sample that is 100% height: