/ / Absolútny umiestnený prvok v relatívnom flexbox - html, css, css3, flexbox

Absolútny umiestnený prvok v relatívnom flexbox - html, css, css3, flexbox

Takže mám div display:flex a position:relative, Ja by som chcel mať na vrchnej časti tohto dielu prekrývajúci prvok, tak som dal position:absolute na to. Keby jeho výška byť auto, že by bolo najlepšie, ale musí mať. Problém je, keď som rolovanie relatívna div nadradenej potom absolútna polohovateľné čo s tým súvisí. Ako by som to mohol pripevniť na dno? kód

Mám rád čistý css roztok.

Update1: Pracovné riešenie: http://codepen.io/apreg/pen/gwBdJq

odpovede:

0 pre odpoveď č. 1

Ak dostanem to, čo chcete, vždy chcete mať šípky na obrazovke. Ale to je pevná pozícia potom takto: http://codepen.io/anon/pen/mAzjWE

.actionRow {
position: fixed;
bottom:120px;
}