Поместите динамически размер div на определенный процент сверху или снизу

Question

У меня есть div, который содержит изображение с идеей убедиться, что изображение масштабируется в соответствии с шириной окна. Это прекрасно работает, но я не могу правильно позиционировать изображение по горизонтали; Я хотел бы иметь его где-то в нижней части окна, но он придерживается вершины.

Мой HTML выглядит следующим образом:

<div class="page" id=""><div id="imagewrap"><img id="test" src="myimage.png" width="100%"></div></div> 

CSS-как это:

#imagewrap { 
    height: 100%; 
    width: 70%; 
    margin-left: auto; 
    margin-right: auto; 
    border:2px solid; 
} 

Это должно работать на Android телефонов (Cordova) так что любой совет может быть специфичным для этого рендеринга двигатель (webkit)

Текущая версия после использования некоторых комментариев ниже, которая находится внизу, но не находится в центре:

#centerdiv { 
height: 100%; 
margin-left: auto; 
margin-right: auto; 
border:2px solid; 
width: 70%; 

} 
#imagewrap { 
border:2px solid; 
position: absolute; 
bottom: 0; /** percentage FROM bottom here **/ 
width: 100%; 
} 

Answer 1

Добавить CSS:

#page { 
    position: relative; 
} 

#imagewrap { 
    position: absolute; 
    bottom: 0; /** percentage FROM bottom here, currently this is at the bottom **/ 
} 

Имейте в виду, что это будет иметь отношение к нижней части #page дел.