保持div在另一个div – css的底部

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

谢谢
让

解决方法

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

原文地址：https://www.jb51.cc/css/220300.html