Css 动态div高度属性

我希望通过左侧的菜单动态扩展div的高度。以下是网址：

我想把草和树的鲈鱼添加到这个网页的底部。有什么帮助或想法吗

目前，div具有以下内嵌css：

<div id="tree_trunk_div"style="position:relative;top:-100px; width:270px; text-align:right; margin-left:auto; background-image:url('../images/treetrunk7.png');background-repeat:repeat-y;">

使用jQuery来完成这项工作^^

---

几乎。。。只是一些调整

<div id="tree_trunk_div" style="position:absolute;bottom:0px; width:270px; height:100%; text-align:right; margin-left:auto; background-image:url('../images/treetrunk7.png');background-repeat:repeat-y;">

---

在@RobW之间添加一个空格。我不认为这有什么区别，但我添加了它。我尝试了这个：position:absolute；底部：0px；右：0px；宽度：270px；身高：100%；文本对齐：右对齐；左边距：自动；背景图片：url'images/treetrunk7.png'；背景重复：重复-y；但事实并非如此work@DustyArlia在我看来是对的。。。当你们尝试它时，什么不起作用？背景树图像并没有随着左边的菜单展开。我还添加了正确的：0px以保持它在右侧。但是“绝对”的问题是，当屏幕宽度变小时，树不能被正确地推离屏幕。