Question

我有一个设计正在进行，我想将一个介绍段落的底部与窗口的底部对齐，然后使其与页面的其余部分一起滚动。因此，当页面打开时，访问者只能看到第一段（以及全屏幕背景图像，这是我想要关注的内容），但是当它们滚动时，它们会看到段落和文本的其余部分。介绍元素的高度可以变化。

现在我想我必须介绍一些javascript来做到这一点 - 确保窗口的高度，段落的高度，并调整段落的top:或margin-top之间的区别这两个值。

如果有一种方法可以使div具有与窗口高度完全对应的高度，并将段落绝对放在此div的内部，则让其余的文本位于div之外，它可以工作。 ..但我似乎无法用css实现这一点。有什么建议吗？

Answer 1

尝试这样的事情：

<html>
    <div id="wrap">
        <p>Your first paragraph text here...</p>
    </div>
    <p id="absPos">The rest of your text here...</p>
</html>

CSS：

html, body, #wrap {
    height: 100%;
}

#absPos {
    bottom: 0;
    left: 0;
    position: absolute;
}