如何定位，就在只使用CSS的浏览器窗口顶部的元素？(How to position an eleme

我想绝对定位的元素是刚出来的浏览器窗口的 - 就在浏览器窗口的顶部。 请注意，我无法提供指定元素的确切高度。

可以这样做？ 如果没有，使用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%;
}

文章来源: How to position an element just off the top of the browser viewport using only css?