我正在尝试使用“位置:相对”; '位置:绝对;底部: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主体的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;
}


希望我复制了所有必要的信息,如果不可以,请告诉我。

最佳答案

找到了答案-我给div位于“接收器”(而不是包含该接收器的div)上方的“位置:相对;”。而且有效。谢谢大家。

10-05 20:42
查看更多