Javascript 如何将offset.top应用于div的高度？

在这个博客上，我想编辑#content div的高度，并使其高度为：x.top px（文章的最后一个孩子），以便背景垂直重复

我试着这样做：

$(document).ready(function(){
x=$("article:last-child").offset();
$('#content').css('height' : 'x.top px');

}))

---

我认为问题出在.css（）中，因为当我运行它来警告x.top时，它运行正常。

您的变量被视为字符串，请将其放在引号之外，并使用+：

 $(document).ready(function(){
    var x = $("article:last-child").offset();
    $('#content').css('height' : x.top + 'px');
  });

.css（）

的语法不正确，应为

  $('#content').css('height', x.top + 'px');

小提琴示例：

---

如果您只是设置高度，则无需麻烦使用

css

。像素是

高度

功能的默认单位：

$(document).ready(function(){
  var lastArticle = $("article:last-child");
  $('#content').height(lastArticle.offset().top);
});

---

不要吹毛求疵，但我建议即使对于简单的事情也不要使用名为

x

的变量，除非实际上是指

x

（例如，坐标空间）。代码已经很难阅读了，但是好的名字可以让阅读变得更容易。

如果你想得到具体的答案，你应该发布更多的代码，而不是链接。如果你想得到具体的答案，还可能存在x尚未声明的问题，即var x=…可能是，取决于情况，但他也可以用它来保证安全基本上我有14篇文章。由于某种原因，内容分区的高度不会随着里面的文章而变化……由于某种原因，当我意识到它不会一直下降到最后一篇文章时，当我试图提醒它时，它显示为1210px。。。你知道为什么吗？听起来你想要

$（window）.load（function（）{…}）

，所以它会在你的图像加载后执行。在看过你的网站之后，我建议不要使用JS，而使用纯CSS方法。这将减少头痛，是一次很好的学习经历。你要的东西经常被称为。我明白了，$（窗口）。加载成功了！但这需要一点时间，给它一种奇怪的感觉。。。我看了一下圣杯的布局，它有点像这样，除了我将只在左边有广告，而没有右边的边栏。你知道我如何在CSS中实现它吗，因为我想不出任何东西…同一个站点，请查看。祝你好运