Question

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

更新：解决方案需要在iOS上运行

Answer 1

div.bottom {
  position:fixed;
}

然后将其移动到您想要的位置。不幸的是，浏览器支持有限。例如，IE6不支持position的此选项。另请注意，这会从流中删除div，因此您必须确保有足够的空间让查看者在页面底部看到内容为div的内容。

Answer 2

这是一些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上不起作用。

永远在iPhone的顶级html块

2 个答案: