更改Div以适应网站的底部

Question

我一直试图将图像放在导航栏的底部和滑块后面，但我似乎无法使其适合导航屏幕的底部。我使用了位置abs和相对但是它弄乱了滑块。这就是我所拥有的。有人可以帮助或知道任何进一步的链接。

This is the code 

http://jsfiddle.net/CresX/2725/

after #sliderbackground edit(suppose to be green, bottom portion of navigation bar)

https://jsfiddle.net/CresX/2725/embedded/result/

Answer 1

对于#slidy-container使用位置：绝对;并设置底部，左侧和右侧css属性。

 #slidy-container {
    width: 70%;
    overflow: hidden;
    margin: 0 auto;
    margin-top:55%;
    height:400px;
    position: absolute;
    bottom:-200px;
    left:0;
    right:0;

}

我已更新了css，可通过以下链接获取。

http://jsfiddle.net/w00eevyu/