修复相对于浏览器Chrome的HTML页面元素

Question

我正在尝试在页面的左上角放置一个div，我想让它留在那里，无论浏览器窗口大小调整或页面滚动。

如何使用纯CSS（如果可能）或使用jQuery？

Answer 1

使用css position：fixed;

#fixedDiv {
    position: fixed;
    left: 20px;
    top:20px;
    width: 50px;
    height: 50px;
}

对于IE6，请参阅 http://www.cssplay.co.uk/layouts /fixed.html

Answer 2

css-selector {
    position: fixed;
    top: 0;
    left: 0;
}

照顾z-index。更高=前景。