如何固定一个按钮到底部

Question

我想让一个 Div 高度固定， Div 里面有 按钮， 如果这个div 里面的文字，不够，按钮停在地步，div 的内容足够，则按钮需要 div 下拉到嘴笑面才能看到。

Answer 1

给个最小高度，然后就完事了吧。 min-height

Answer 2

<div>
    <p></p>
    <button></button>
</div>

如果是类似于这个结构的话，想让button默认显示在底部，而当内容比较充足时则自动跟在内容后面，且外层容器高度一定的情况下，可以进行以下参考

div {height: 100px; overflow: auto;}
button {height: 20px;}
p {min-height: 80px;

这样当内容高度超过最小高度时，按钮就会在最底下，需要滚动后才能看到
即使使用定位从 absolute --> static 的变化，判断条件也是这个内容块的高度是否超过该最小高度

希望对你有帮助~~

Answer 3

1. 给 div 设置display: flex; 及 flex-direction: column;，当然还有 overflow-y: auto;
2. 给可变内容区设置 flex-basis: 100%;
3. 给按钮区设置 flex-shrink: 0;