2011-05-17 44 views
7

我想使用jquery来计算窗口高度,然后将该值应用于DIV(容器div)最后我希望jquery将元素对齐到页面的底部。对齐一个元素到窗口的底部

<div id="wrapper"> 
     <div id="element-align">Here is the element i wish to align to the bottom</div> 
    </div> 
+0

即使在页面向下滚动的情况下,是否还想让此元素保留在窗口的底部?如果是这样可以在CSS中完成。 – 2011-05-17 09:54:13

+0

是的,这是正确的! @罗伊麦克罗斯 – Xavier 2011-05-17 09:54:40

+0

只是一个建议。 Whatch out做codez:调整窗口问题。 Q:CSS不太好? – 2011-05-17 09:55:57

回答

20

而且我对你们的操作问题,这可以在CSS来实现:

#element-align { 
    position: fixed; 
    bottom: 0; 
} 

如果需要的话,你还可以添加左/右的元素,但固定定位将意味着无论页面的滚动位置如何,该元素将始终显示在相对于浏览器镶边的相同位置。

+0

问题:不要忘记我们最亲爱的ie6和固定底部的位置:0px。甚至不要忘记移动Safari。 – 2011-05-17 10:05:24

+0

感谢队友,我增加了一个最小高度:100%;和高度:自动;到容器为此充分工作。 :) – Xavier 2011-05-17 10:10:29