Как растянуть блок на 100%?

Question

[Никита Тригуб]

Доброго времени суток

Есть такая конструкция

<div class="container-fluid">
        <div class="row">
              <div class="col-md-12 header">
                     <div class="sliderStyle">
                             <div class="slickSlider">
                                     <div><img src=""></div>
                                     <div><img src=""></div>
                             </div>
                     </div>
              </div>
        </div>
    </div>

Исспользую плагин слик слайдер
kenwheeler.github.io/slick

И нужно чтоб header и все содержимое было на 100% по высоте в любом разрешении
Как это реализовать
Чтоб при уменьшении окна браузера по вертикали сам слайдер с картинками всегда были на 100%

Answer 1

[Алексей Ярков]

min-height: 100vh;

Comments

[Максим Тимофеев]

будут баги в браузерах не поддерживающих vh и vw caniuse.com/#search=vh

Answer 2

[Константин Величко]

Задайте всем родительским блокам (включая html и body), а так же этому блоку height: 100%
codepen.io/Zoxon/pen/grkPWp