0

現在、h2に画像リンクが必要です。

このリンクは一番下に配置する必要があります。

これは私が持っているものです:

<html>
    <head>
        <style>
            body {
                margin: 0;
            }
            h2 {
                margin: 5px 0 10px;
                background: #333333;
                color: #f7f7f7;
                line-height: 142%;
            }
            h2 a {
                float: right;
            }
            h2 img {
                vertical-align: bottom;
            }
            h2:after {
                content:"";
                height: 1px;
                display: block;
                clear: both;
            }
        </style>
    </head>
    <body>
        <h2>Header <a href="#"><img src="http://placehold.it/26x26" /></a></h2>
    </body>
</html>

しかし、奇妙なことに、このコードを .html ファイルに含めると、. <a>高さ26pxのタグがあります。

jsfiddle を作成すると、<a>タグは 34px で下揃え?!?!

HTMLファイル

jsfiddleの結果

それで、私の間違いは何ですか?画像を一番下に揃えたい...

4

1 に答える 1

1

html タグの前に doctype を追加します。

<!DOCTYPE html>

于 2013-07-17T14:34:52.183 に答える