Установить div на 50% высоты родительского div ⇐ CSS

[Anonymous]

Я хочу, чтобы дочерний элемент div имел высоту 50 % от родительского, поэтому, если родительский элемент div составлял 100 %, дочерний элемент div был бы 50 %, если бы родительский элемент управления был 1000 пикселей, дочерний элемент все равно был бы 50 %. .
Вот базовая версия того, что я сделал до сих пор: http://jsfiddle.net/6PA6k/17/

Код: Выделить всё

* {
margin: 0;
padding: 0;
}

html {
height: 100%;
width: 100%;
}

body {
height: 100%;
width: 100%;
}

.wrapper {
height: 100%;
width: 100%;
background: red;
}

.button-container {
height: 100%;
width: 50px;
}

.button {
width: 50px;
height: 50px;
background: blue;
}

Код: Выделить всё

Подробнее здесь: [url]https://stackoverflow.com/questions/22104839/set-div-50-height-of-parent-div[/url]