如何仅使用css将元素放在浏览器视口的顶部？

Question

我想要一个绝对定位的元素就在浏览器窗口之外 - 就在浏览器视口的顶部。请注意，我无法提供指定元素的精确高度。

可以这样做吗？如果没有，使用jQuery也很好。

Answer 1

<强> CSS：

#theElement {
    position: fixed;
    bottom: 100%;
}

<强> jQuery的：

var $el = $('#theElement');

$el.css({
    position: 'fixed',
    top: '-' + $el.outerHeight()
});

Answer 2

如果您的元素处于body级别，这应该有效：

#element {
  position: absolute;
  top: -100%;
}