Img divの一番下まで一直線に並べる

Question

私がやっているのは、自分のロゴを私が配置したヘッダーdivの一番下に合わせることです。ヘッダーは2つのセクションに分かれています。ヘッダーの左側に表示されるサイトロゴだけを必要とするので、最大350px、55pxの左余白が必要です。私はそれを中心に簡単に整列させることができますが、Idkは何がうまくいかず、ヘッダーの下部に整列させることができません。私はここのフォーラムからいくつかのステップを試してみましたが、何も効果がありませんでした。

} 
 
header { 
 
\t background-color: #6699cc; 
 
    overflow: hidden; 
 
\t margin: 0; 
 
\t background: no-repeat center center cover; 
 
\t display: block; 
 
\t border: 0px; 
 
\t position: relative; 
 
\t padding: 10px 20px 20px; 
 
} 
 
#header-left { 
 
\t width: 50%; 
 
    vertical-align: bottom; 
 
    display: table-cell; 
 
}

<header> 
 
\t <div id="header-left"> 
 
\t \t <img src="images/logo.png" alt="Tech World Today" align="bottom"/> 
 
\t </div> 
 
</header>

Answer 1

あなたのCSSにこれを追加します。https://jsfiddle.net/ocme3jqb/

PS：

img { 
    position: absolute; 
    bottom: 0; 
    left: 0; 
} 

はフィドルを参照してください。私は、設定された高さWIDを追加しましたあなたのヘッダーにあなたに効果を示すことができます。