0

このWordPress テーマでは、高さの異なる画像を使用します。だから、(Firefoxの「検査要素」を使ってテストするために)cssを変更して、divの高さが画像の高さで大きくなるようにしようとしています。

image 要素を調べると、 a 内にある a 内の画像が表示され<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>(他のテーマでは、画像を保持する要素がないように見えます)

テストに使用している画像:

ここに画像の説明を入力

この画像を全高で見ようとしています。

4

2 に答える 2

1

<div>唯一の子は である であるため、 の高さはゼロになり<a>ますposition:absolute。を設定する<div>height:auto、その子を含めるのに必要なだけの高さになりますが、その唯一の子は絶対的であり、それらの人の高さは親にとって何の意味もありません。

テーマに基づいてアンカーから位置を削除するだけ<div>の高さを持たせたい場合は、何のメリットもありません。<a>

于 2013-11-15T03:49:08.133 に答える
0

高さを 100% に設定できませんでしたか?

于 2013-11-15T03:47:36.877 に答える