0

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

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

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

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

4

2 回答 2

0

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

$(document).ready(function(){
  var pageHeight = $('div#internalcontent').height();
  $('div#sidebar').css('height', pageHeight);
});
于 2012-05-17T14:47:40.747 回答
0

据我所知， @AdamjQuery(function(){});应该产生与文档就绪处理程序相同的行为。http://api.jquery.com/ready/

于 2012-05-17T14:50:10.910 回答