Tenho o seguinte problema: Preciso deixar que uma div tenha o a altura da tela o tempo.
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="topo">...</div>
</div>
<div class="row">
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12" id="menulateral"> ...</div>
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-12" id="principal"> ... </div>
</div>
Quero apenas fazer com o que a div com o identificador menulateral
tenha o tempo todo a altura da tela.
Estava tentando fazer do seguinte jeito:
var altura = $("body").height();
$("#menulateral").height(altura);
Não sei se esse é o melhor jeito para eu fazer, porque gostaria que isso funcionasse sem problemas e em todos os dispositivos que pudessem acessar essa página. Existe uma solução melhor e mais confiável?