我正在尝试使用“位置:相对”; '位置:绝对;底部: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)上方的“位置:相对;”。而且有效。谢谢大家。