将 div 粘贴到页面底部

Question

我正在尝试使用“位置：相对；” '位置：绝对；底部：0;'将 div 粘贴到页面底部的东西，但它一直挂在容器内最低可见元素的正下方。我尝试更改相关 div 的 'height' 和 'min-height' 属性，但从未让它正常工作。它要么消失，要么将自己置于所有容器（包括页脚）下方，只是位于纯背景上，或者只是挂在容器中最低元素的正下方。

这是我的 CSS：

#body {
   padding-bottom:40px;   /* Height of the footer */
    padding-top: 200px;
    position: relative;
}

.sink{
    padding: 10px;
    position: absolute;
    bottom: 0;
}

.sink 是我需要粘在底部的 div 的类。

id body 的 div 包含在 div 的 id 容器中，容器包含在 html body 中：

body {
   margin:0;
   padding:0;
   height:100%;
    background: #7092BE;
    background-image: url("bg1.png");
    background-attachment: fixed;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
}

#container {
   min-height:100%;
   position:relative;
    width: 900px;
    margin: 0 auto;
    background: white;
    padding: 0;
}

我希望我复制了所有必要的信息，如果没有请告诉我。

Answer 1

找到了答案 - 我给了 'sink' 正上方的 div（而不是包含它的那个）'position: relative;'它奏效了。谢谢大家。