html – 将元素锁定到包含div的底部

前端之家收集整理的这篇文章主要介绍了html – 将元素锁定到包含div的底部前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
#Container {
    width: 500px;
    height: 600px;
}

#TheElement {
    width: 500px;
    height: 100px;
    background-color: #000000;
}

我如何将#TheElement锁定到#Container的最底层,无论容器内的其他内容如何,​​没有一堆边缘欺骗?

解决方法

你可以使用 relative absolute positioning

http://jsfiddle.net/gzJM6/

#Container {
    width: 500px;
    height: 600px;
    position: relative
}

#TheElement {
    width: 500px;
    height: 100px;
    background-color: #000000;
    position: absolute;
    bottom: 0;
    left: 0;
}
原文链接:https://www.f2er.com/html/232563.html

猜你在找的HTML相关文章