Question

我正在尝试使用'position：relative;' '位置：绝对;底部：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包含在id容器的div中，其中包含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

找到答案 - 我把div放在'sink'上面（而不是包含它的那个）'position：relative;'它起作用了。谢谢大家。

将div粘贴到页面底部

1 个答案: