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?

의 차이의 좋은 설명입니다 참조