如何设置div使用内容图像高度？

Question

在this Wordpress theme中，我将使用不同高度的图像。所以，我正在尝试（使用Firefox的“检查元素”进行测试）修改css以使div的高度随图像高度增长。

通过检查图像元素，我们看到<a>内的<div>内的图像：

<article id="post-81" class="post-81 post type-post status-publish format-image hentry category-artwork category-photos category-writing tag-panache">

    <header class="entry-header"> … </header>
    <!--

     .entry-header 

    -->
    <div class="entry-thumbnail">
        <a rel="bookmark" href="http://fontfoliodemo.wordpress.com/2011/07/07/jellyfish/">
            <span class="entry-format"> … </span>
            <img class="attachment-featured-home-small wp-post-image" width="282" height="211" title="Jellyfish" alt="Jellyfish" src="http://fontfoliodemo.files.wordpress.com/2011/07/img_0429.jpg?w=282&h=211&crop=1"></img>
        </a>
    </div>

</article>

但如果我将此3个元素设置为height:auto，则<div>的计算值将为0px。为什么？与<a>元素有关？ （在其他主题中看起来没有<a>元素来保存图像）

我用来测试的图像：

我试图看到这个图像的全高。

Answer 1

<div>的高度为零，因为它的唯一子项是<a>，即position:absolute。您将<div>设置为height:auto，这使得它只能包含其子项所需的高度，但它唯一的孩子是绝对的，而这些家伙的身高对父母来说毫无意义。

如果您希望<div>具有<a>的高度，只需从锚点移除位置，根据主题，它不会提供任何好处。

Answer 2

难道你不能将高度设置为100％吗？