Javascript CSS使图像与包含元素的高度相同 这是标记

img.shadow | div#content | div.shadow

我需要找到一种方法来可靠地保持阴影图像与内容区域的高度相同。问题是内容区域可能会调整大小（例如具有不同高度的选项卡，或仅在特定条件下出现的部分选项卡）。我可以在页面加载时使用javascript设置阴影的高度，但一旦内容的高度发生变化。。。不确定这是否有意义，但是

也许这能更好地解释这个问题

问题是 如何使图像（灰色框）与内容（浅灰色框）一起调整大小？

---

你自己做的P

您可以将resize调用放在添加内容的函数中，如下所示：

jQuery('document').ready(function($){
    $('#click_me').click(function(){
       var id = $(this).attr('href');
       $(id).show(); 
       $('.shadow').height($('#content').outerHeight());
    });

    $('.shadow').height($('#content').outerHeight());
})()  

或者，您似乎可以摆脱阴影图像和完全调整其大小的调用，只需在CSS中的内容中添加边框：

#content{
    float: left;
    display: block;
    background: #eee;   
    width: 200px;
    border-right: 7px solid #666;
    border-left: 7px solid #666;
}

---

1.我可以这么做。。。但问题是我有很多东西可以改变内容的高度（比如一些单选按钮，我根据这些按钮显示表单的特定部分，有时会弹出一些工具提示和错误，增加高度）。2.实际图像比预览图像更复杂（很好的阴影，类似于thses-）