Question

快速提问。我想添加一个JS程序来控制我的一个bootstrap div的高度（它是页面两侧的装饰边框 - 见图）

我不想手动设置高度（即2000px;）

我正在尝试这样的事情，但我无法管理

css("max-height", $(window).height());

除了这个只是填满了屏幕，无论如何填充身体？

这是该网站 - davidcodes.co.uk/vintarnBurmese/index.html -

大卫

Answer 1

如果您定位现代浏览器或使用modernizr，那么使用＆＃39; vh＆＃39;单位通常比％好。当尝试相对于屏幕高度调整大小时，百分比单位要求从元素向上通过其父项到身体的树的高度都具有预定的高度。但是＆＃39; vh＆＃39;单位准确捕捉你想要的东西。

＆＃13;

.yourdiv { height:100vh; }

＆＃13;

Answer 2

将窗口替换为＆＃39; body＆＃39;：

$el.css('height', $('body').height());

Answer 3

这最终有效（虽然Safari不喜欢它，FF和Chrome发现它没问题）

<script>
    var mainSectionHeight = $(".mainSection").height();
    $(".sideBar").height(mainSectionHeight + 100 + "px");
</script>