Question

HTML中怎么样能让button始终在一个div的最下面

div的高度可能要变，现在的问题是如果div变得很高的话，那个button会离下边界比较远

怎么让一个button始终紧贴div下边界处？

Answer 1

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<button>标签中，输入样式代码：style="position: absolute;bottom:0;"，在<div>标签的style属性中新增代码：position:relative;。

3、浏览器运行index.html页面，此时button始终紧靠div的下边界。

Answer 2

给div加个position:relative，button加position:absolute;bottom:0就行了
<div style="width:200px;height:100px;position:relative;">
<button style="position:absolute;bottom:0;">test</button>
</div>

Answer 3

直接弄不行，换个思路呗，如下
<div style="height: 100px;">
</div>
<div style="margin-top:-24px;"><button>test</button></div>