javascript - 父级的div高度

Question

我在设置子 div 的高度时遇到了一些问题。我有 2 个 div，其中一个带有图片，另一个带有文本。

它们都在父 div 中。

您可以在这里查看:http://fiddle.jshell.net/JgkgB/

HTML:

<div class="content-news">
    <div class="news_content">
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore t dolore magna aliquyam erat, sed diam voluptua.
    </div><!--news_content-->

    <div class="post_image">
    <img src="http://ec.l.thumbs.canstockphoto.com/canstock13365568.jpg" />
    </div><!--post image-->

</div><!--content news--> 

CSS:

.content-news {
    height: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted black;
}

.post_image {
    float: left;
    margin-right: 9px;
    margin-top: 5px;
    max-width: 140px;
    width: 100%;

}

.news_content {
    float: right;
    width: 100%;
    max-width: 527px;
    background-color: #cccccc;
    height: 100%;
}

我已经尝试过使用 JavaScript 或 jQuery，但它对我没有帮助。

我只需要让 text-div 与 picture-div 高度相同。

我使用搜索找到了一些可能对我有帮助的问题，但没有。

Answer 1

添加

position: relative;

到你的.content-news

和

position: absolute;
right: 0;
top:0;
bottom: 0;

到您的 .news_content 应该可以。 http://fiddle.jshell.net/JgkgB/3/