css-position - 固定 div 框在左下角

Question

我希望我的绿色 div 框位于页面左下角的固定位置。但它与左侧导航重叠。我希望绿色 div 框在左侧导航项结束后开始其固定位置。以下是我上传的代码。

http://jsfiddle.net/awaises/remqf/

它在大屏幕分辨率下工作正常，但在小分辨率下，绿色框与左侧导航重叠。是否有可能在导航结束后以 50 像素的间隙限制绿色框，当我们向下滚动页面时，它也固定在每个分辨率的左下角？

Answer 1

你能通过添加一个顶部 50px 的边框来给人一种绿色框上方有间隙的印象吗？http://jsfiddle.net/Y3qWu/