DIV底部的图像的固定位置

我有一个div（或文章或节..）显示页面的主要内容。（公司：文字，图片，段落等）。DIV底部的图像的固定位置

我想要的是：我想要一个图像顶部位置在这个div的底部。但是：

如果DIV的高度比浏览器窗口的长度长，我希望此图像位于位置视口的底部，用户始终可以看到它。

如果DIV的高度比浏览器窗口的视口短，比我希望将此图像放在DIV底端所在的任何位置。

EX。 1- DIV比视口长，所以底部图像被定影在该图像与表示视口

的底部 - > ...

================== 
= ______  = 
= |  |  = 
= | DIV |  = 
= |  |  = --> VIEWPORT FRAME 
= |  |  = 
= |... |  = 
================== 
    |  |  
    |  |  
    |------|

EX。 2- DIV比视口较短，所以底部图像固定在DIV的底部与

的图像被表示 - > ...

================== 
= ______  = 
= |  |  = 
= | DIV |  = 
= |... |  = 
= |------|  = 
=    = 
==================

我可以用JavaScript实现这一，当然。但我想反过来看看是否可以使用额外的层DIV或包装或其他类型的CSS定位。 ]

如果CSS-HTML方式不可行，那么最好的JS逻辑是用什么来完成的？

1）页面加载：相应的高度和位置的图像，如果滚动完成重新计算和重新定位？

谢谢。

来源

2012-05-08 Phil

你一定要使用JavaScript/jQuery，这是CSS不能做的。 – LukeGT

请不要在此引用我，因为我不是100％确定的，但也许可以使用JQuery动态地改变DIV的相对位置和绝对位置。

我想类似的东西，如果它不是针对

position: absolute; 
bottom: 0px;

其他

position: relative; 
bottom:0px;

这样的绝对位置将它固定在页面的底部，否则相对定位会将其修复到其父部分的底部。

如果你创建一个小提琴我（或其他人）可以有一点玩这个给你。

希望有帮助！

来源

2012-05-08 15:15:39

我很确定'position：relative; bottom：0px;'combo不会将图像移动到任何位置，因为相对于通常渲染的位置，它将'0px'移动。 – LukeGT

结果不算什么，但通过更改一个CSS属性，它可以消除绝对位置的影响。菲尔最终决定做什么？ –

当然，但在这种情况下，您应该将其设置为“静态”而不是“相对”，因为这是实际的默认设置。但除非你关心约定，否则它并不重要。 – LukeGT

DIV底部的图像的固定位置

回答

相关问题