使用jquery将div高度设置为文档高度

时间:2013-10-27 17:52:18

标签: jquery css

我想将侧边栏div的高度设置为文档的高度。由于某种原因,它不起作用

var l=$(document).height(); 
$("#sidebar,#sidebar_right").height(l);

Firebug显示文档的高度总是大于侧边栏的高度..有谁知道它为什么不起作用? (如果我刷新页面5,6次它越来越接近,但从来没有确切的高度)

1 个答案:

答案 0 :(得分:3)

你可以使用它,

function sideHeight() {
  var wH = $(window).height();

  $('#sidebar, #sidebar_right').css({
      height: wH
  });
}

sideHeight();

它将找到页面的高度,然后通过.css

为div设置它

你也可以像var wH = $(window).height()/2;

一样设置身体高度的一半

var wH = $(window).height() - 300;

如果您想使用文档而不是窗口,那么更多的权力。

function sideHeight() {
  var wH = $(document).height();

  $('#sidebar, #sidebar_right').css({
      height: wH
  });
}

sideHeight();

JSFIDDLE

window vs document