Divがあるべき場所にありません

Question

私は<div>を別の<div>の底にとどまらせようとしていますが、これまでのところ、<div>の底ではなく、ブラウザの一番下に行くようになっています。

<div id="header"> 


<div style="position: absolute;bottom: 0;left: 0;height: 15;text-align: left;width: 100%;background: url(images/btrans.png);"><b>Driftsmelding: </b><font style="color: #88d327;"></font></div> 
</div> 

とCSSの一部

#header { 
    background: url(images/logo_oslo.jpg); 
    background-position: 0px -12px; 
} 
#header { 
    background: url(images/logo.jpg); 
    background-position: 0px -12px; 
    margin: 25px auto 0px auto; 
    width: 1092px; 
    height: 140px; 
    border-top: 1px solid #000000; 
    border-left: 1px solid #000000; 
    border-right: 1px solid #000000; 
    border-bottom: 1px solid #000000; 
    background-color: #333333; 
    padding-left: 8px; 
    padding-top: 0px; 
    padding-right: 0px; 
    box-shadow: 0px 0px 16px #000; 
    border-top-left-radius: 14px; 
    border-top-right-radius: 14px; 
} 

問題は何ができるか、誰を知っています：ここで私が試したコードですか？私はポジションabsoluteを使用するはずです。ただ、#headerからposition: relative;を追加

Answer 1

はフィドルここhttps://jsfiddle.net/sxh0n7d1/2/

#header { 
    background: url(images/logo_oslo.jpg); 
    background-position: 0px -12px; 
    position: relative; 
} 

がrelativeとabsolutePosition Relative vs Position Absolute?

の差の良い説明です見ます