jquery - CSS 或 jQuery 高度继承问题

Question

我在用作边框的框中遇到内容高度问题。我基本上有一个内部内容框和一个背景框顶部的侧边栏。背景框从内部内容框继承它的高度，而内部内容框从内容本身继承它的高度。问题在于，由于边栏与内部内容框的内容量不同，因此边栏的高度与内部内容框的高度不匹配。我用 jQuery 写了一个小脚本来修复它，但它不跨浏览器兼容。

jQuery(function(){
  var pageHeight = jQuery('div#internalcontent').height();
  jQuery('div#sidebar').css('height', pageHeight);
});

此代码有时在 Chrome 中有效，但在 Firefox 中通常会失败。我假设它与页面的加载方式有关 - 例如，分配页面高度时所有元素都没有加载。

有谁知道在 CSS 中执行此操作或在 javascript 中修复它的方法吗？谢谢。

Answer 1

在 $(document).ready() 之后调用该代码

$(document).ready(function(){
  var pageHeight = $('div#internalcontent').height();
  $('div#sidebar').css('height', pageHeight);
});