div content height auf das Bild setzen, die innerhalb in der gleichen div

Question

Ich versuche, die Höhe von div, die Bild in diesem Bild. Die tatsächliche Höhe des Bildes ist groß, aber ich möchte die Höhe auf das Bild anwenden, genauso wie die Höhe von div.

Ich habe Probleme beim Finden Höhe von Div. es gibt falsche Höhe. Tatsächliche div Höhe ist 189 aber es gibt 159.

Ich habe versucht mit der Höhe(), 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}); 
}); 

Answer 1

NEW ANTWORT nach Bearbeiten der Anfrage:

Ich hatte ein ähnliches Problem vor einiger Zeit, aber nur in Safari. Ich löste es mit

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

... um die Höhe des Elements in Frage zu bekommen ("#x" in meinem Fall). Vielleicht hilft ...

Answer 2

HTML und CSS

<div class="DivContains"> 
    <img src="http://image.jpg"> 
</div> 

.DivContains{ 
    width: 50px; 
    height: 50px; 
} 
img{ 
    height: 100%; 
    width: 100%; 
} 

Answer 3

Sie ansprechbar Bild mit dem CSS-Code verwenden können. Werfen Sie einen Blick

<style> 
img{ max-with:100%; height:auto; } 
</style> 


<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> 

Bitte lassen Sie mich wissen, falls ein Problem.