css - 将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;
}