HTML / CSS通过更改页面高度在页面底部保留一个div

Question

我想知道如何在页面底部保留div。我遇到的问题是，单击可扩展元素时页面高度会改变。如何在高度变化的情况下将div保留在页面的最底部？

我已经尝试了以下方法，但没有任何运气：

• Make div stay at bottom of page's content all the time even when there are scrollbars

• Align DIV to bottom of the page

谢谢！

我尝试将div的高度设置为100％，然后将底部的div放在底部 像这样，但这会使底部div保持在完全相同的位置

html, body {
    height: 100%;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; 
}

.bottom {
    position:relative;
    bottom:0;
}