Html 将元素锁定到包含 div 的底部
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/5135974/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
提示：将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间：2020-08-29 06:59:47 来源:igfitidea点击:
Lock element to bottom of containing div
提问by WillingLearner
#Container {
width: 500px;
height: 600px;
}
#TheElement {
width: 500px;
height: 100px;
background-color: #000000;
}
How do i get #TheElement to be locked to the very bottom of #Container, regardless of the other content inside container, without a bunch of margin trickery?
我如何将#TheElement 锁定到#Container 的最底部，而不管容器内的其他内容如何，而没有一堆保证金技巧？
回答by thirtydot
You can use relative absolute positioning:
您可以使用相对绝对定位：
#Container {
width: 500px;
height: 600px;
position: relative
}
#TheElement {
width: 500px;
height: 100px;
background-color: #000000;
position: absolute;
bottom: 0;
left: 0;
}
