javascript - 更改 Div 以适合网站的底部

Question

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

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 使用 position: absolute;并设置底部、左侧和右侧的 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/