Нижняя выровняйте поплавковый div. (изображение)

Question

Это казалось простым в моей голове .. Но это не так. У меня есть 2 div. плавающий рядом с Афоризмом Право сНа должны иметь изображение, которое всегда прилипает к сноске

Это даже не претендуя на 100% высоты моего .block DIV, родительский DIV (тело) также установлена ​​на уровне 100 %

По какой-то причине это не работает с моим следующим кодом.

JSFIDDLE

HTML

<div class="header"> 
    Header 
</div> 

<div class="block"> 
    <img src="http://www.zwaldtransport.com/images/placeholders/placeholder1.jpg" /> 
</div> 

CSS

body { 
    margin: 0; 
    padding: 0; 
    width: 100%; 
    height: 100%; 
    background: url('background.jpg') no-repeat center center fixed; 
    background-size: cover; 
} 


.header { 
    float: left; 
    height: 100%; 
    width: 40%; 
    background: red; 
} 

.block { 
    float: left; 
    width: 60%; 
    height: 100%; 
    background: green; 
} 

.block img { 
    max-width: 100%; 
} 

Answer 1

Вы можете попробовать это. проверьте и дайте мне знать, вы спросили об этом:

.header { 
height: 100%; 
width: 40%; 
background: red; 
} 

.block { 
position:absolute; 
bottom:0; 
width: 60%; 
height: auto; 
background: green; 
}