保持div在另一个div – 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;
}

猜你在找的CSS相关文章