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

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的照顾。较高=前景。