将div保留在另一个div的底部

Question

©1965 - 2010

我希望#copyright位于#outer的底部

这是#copyright的CSS

#copyright{
    position:relative; margin-bottom:0px; width:672px; height:20px; color:#FFF;
}
#yr{
    margin:auto;
}

#f{ position:absolute; right:0px; text-align:center;
}

谢谢让

Answer 1

#copyright {
    position: absolute;
    bottom: 0;
}
#outer {
    position: relative;
}

这将产生不幸的副作用,虽然#copyright不再计算高度#outer,在你的例子#outer中将是0px高.#outer如果您正在使用固定高度,则可以添加底部填充.

#copyright {
    position: absolute;
    bottom: 0;
    height: 200px;
}
#outer {
    position: relative;
    padding-bottom: 200px;
}

Answer 2

1. 定义#outer的高度
2. 将#outer设置为position:relative;

3. 将#copyright设置为position:absolute; 底部:0; 左:0;

   __CODE__外{高度:100px; 边框:1px纯红色; 位置:相对; }
   __CODE__copyright {position:absolute; 身高:30px; 底部:0; 左:0; 边框:1px纯黑色; 宽度:300px; }

       #outer {
         height: 100px;
         border: 1px solid red;
         position: relative;
       }
   
       #copyright {
         position:absolute; 
         height: 30px; 
         bottom: 0; 
         left: 0;
         border: 1px solid black;
         width: 300px;
       }   
   

另外,永远不要使用"0px".没有零像素,只有零.正确的方法是"正确:0;"