Гибридное абсолютное / фиксированное поведение позиционирования с помощью CSS или Javascript?

Question

Мне нужно разместить div в нижнем левом углу контейнера, который имеет реальную высоту 100% окна браузера.Контейнер имеет движение.Можно ли с помощью css или даже jQuery разместить дочерний элемент div в левом нижнем углу контейнера?

Это гибридное поведение, подобное этому:

<div id="container">
   <span class="blc">i'm here!</span>
</div>

.blc{
   position:fixed; bottom:0px;
   position:absolute; left:0px; 
}

Я привел пример для JSFiddle.http://jsfiddle.net/DeRwm/

Спасибо !!!

Answer 1

Просто добавьте следующее css:

#container{
 position:relative;
}

.blc{
   position:absolute;
   left:0px; 
   bottom:0px;
}