始终位于iPhone的顶部html块

Question

如何创建始终停留在页面底部的DIV块？当滚动更多的内容应该显示在块的正上方。我能想到的唯一解决方案是使用2个iframe，但我更喜欢使用CSS。

更新：该解决方案需要在iOS

Answer 1

下面是一些CSS：

.bottomFixed { 
    position:fixed; 
    bottom: 0; 
    /* technically not necessary, but helps to see */ 
    background-color: yellow; 
    padding: 10px; 
} 

下面是一些HTML：

<div class="bottomFixed">Hello, world!</div> 

这个div将被放置在屏幕的底部，并呆在那里。注意：由于滚动的方式，这不适用于iOS。

Answer 2

div.bottom { 
    position:fixed; 
} 

工作要将然后，只需移动。不幸的是，浏览器支持有限。例如IE6不支持position这个选项。另外请注意，这会从流中删除div，因此您必须确保有足够的空间让观看者看到页面底部的东西，顶部是div。