使用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;
}