html - 如何在可滚动区域中绝对定位？ (CSS)

Question

我有这个棘手的 CSS 问题:我有这个 HTML 和 CSS:

.mark {
     height: 30px;
     width: 30px;
     background: red;
     position: absolute;
     left: 30px;
     bottom: 30px;
 }

http://jsfiddle.net/mr_mohsen_rasouli/4Nb9L/

我想让红框保持在定义的位置，但是当我滚动时，它会移动!
我该如何解决这个问题？

Answer 1

试试这个.. 这可能不是一个好方法。但会给你想要的结果。

我将 div 标记 放在另一个 div 中并给予

.mark {
    height: 30px;
    width: 30px;
    background:red;
    position: fixed;
} 

完整代码在这里
http://jsfiddle.net/4Nb9L/7/