CSS div를 다른 div의 아래쪽으로 보냅니다. 하단 : 0 작동하지 않습니다

Question

나는 하나의 div가; 헤더 및 이미지를 포함하는 다른 호출 된 headerimg. 페이지의 크기를 조정할 때 헤더 이미지를 헤더 (수평선)의 아래쪽에 붙이려고합니다. 내 코드는 다음과 같습니다.

.header{ 
float:right; 
width:93%; 
height:100px; 
padding-right:0px; 
background-image:url('img/barhorizontal.gif'); 
background-repeat:repeat-x; 
background-position:bottom; 
postion:relative; 
} 

.headerimg{ 
bottom:0; 
postion:absolute; 
} 

.headerimg img{ 
width:45%; 
height:auto;  
} 

하지만 작동하지 않습니다. 내 웹 사이트는 다음과 같습니다. Click

도움이 필요하십니까?

Answer 1

position의 철자가 잘못되었습니다.

you have: postion 
change to: position 

어떻게 이런 것들을 발견 할 수 있습니까? 브라우저에서 개발자 도구를 엽니 다. Chrome에서는 적어도 그 옆에 작은 노란색 삼각형이 표시되고 그 선은 넘어졌습니다. "알 수없는 속성 이름"오류가 표시됩니다.