jquery - 将div内容高度设置为同一div内的图像

我正在尝试获取具有该图像内部图像的div的高度。图像实际高度很大，但我想将图像的高度与div的高度相同。

我在查找div的高度时面临问题。它给出了错误的高度。
实际div高度为189，但实际值为159。

我尝试了height（），outerHeight（），innerHeight（）。

<div class="cd-timeline-content">
    <div class="">
        <div class="timeline-content-image">
            <img src="test-image.png" alt="image">
        </div>
        <div class="head">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto,
.
        </div>
    </div>
    <a href="#0" class="cd-read-more">Read more</a>
    <div class="read-more-content">
       <p class="sub_text">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto,
        optio, dolorum provident rerum aut hic quasi placeat iure tempora
        laudantium ipsa ad debitis unde? Iste voluptatibus minus veritat
        ut.
        </p>
    </div>
</div> <!-- cd-timeline-content -->

的CSS

.cd-timeline-content {
    margin-left: 0;
    padding: 0 20px 0 20px;
    width: 40%;
 }
.timeline-content-image{
    float: right;
    margin-left:10px;
    margin-right:0px;
}

jQuery的

jQuery('.cd-timeline-content').each(function(){
    var contentHeight = jQuery(this).height();
    console.log(contentHeight);
    jQuery(this).find('img').attr({height: contentHeight});
});

最佳答案

问题编辑后的新答案：

我前段时间也遇到过类似的问题，但仅限于Safari。我通过使用解决了

$(window).load(function(){
   var myheight = $("#x").height();
});

...以获取有关元素的高度（在我的情况下为“ #x”）。也许有帮助...

关于jquery - 将div内容高度设置为同一div内的图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37209513/