wysokość: 100% pozostałej przestrzeni w elemencie o stałej wysokości - css, css3

Jestem absolutnie ustawiony div z ustaloną wysokością i ukrytym przelewem.Muszę umieścić listę tak wysokość będzie 100% pozostałej wysokości.Chcę to zrobić z czystym CSS.Czy to jest możliwe?

PRZYKŁAD PRZYKŁADOWY

HTML

<div class="parent">
<ul>
<li>foo</li>
<li>bar</li>
// ...
</ul>
</div>

CSS

.parent {
position: absolute;
width: 50px;
height: 50px;
overflow: hidden;
background: red;
}

.parent ul{
background: green;
}

Oto prosty obraz pokazujący, co rozumiem przez 100% pozostałej wysokości.

Odpowiedzi:

co chcesz zrobić? jeśli chcesz go przewinąć, spróbuj tego

.parent {
position: absolute;
width: 100px;
height: 150px;
overflow: scroll;
background: red;
}
.parent ul {
background: green;
}