1

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

这是我的CSS：

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

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

.sink 是我需要坚持到底的 div 类。

具有 id 主体的 div 包含在具有 id 容器的 div 中，该容器包含在 html 主体中：

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;
}

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

4

1 回答 1

0

找到了答案 - 我在“sink”（而不是包含它的那个）正上方的 div 中给出了“位置：相对；” 它奏效了。谢谢大家。

于 2012-08-18T17:21:29.723 回答