按钮保持在上一个div外底部

要将按钮保持在上一个div外的底部，可以使用CSS的定位属性来实现。

首先，在HTML中创建一个div，并在其中添加内容，例如：

<div class="content">
  <p>This is some text.</p>
</div>

然后，在CSS中，为这个div添加样式，并使用相对定位（relative）：

.content {
  position: relative;
}

接下来，在HTML中添加一个按钮的div，并在其中放置按钮：

<div class="button-container">
  <button>Click here</button>
</div>

然后，在CSS中，为这个按钮的div添加样式，并使用绝对定位（absolute），并通过设置底部距离为0来将其保持在上一个div外的底部：

.button-container {
  position: absolute;
  bottom: 0;
}

最后，可以进一步调整按钮的样式，使其适应设计需求：

.button-container button {
  background-color: #ccc;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
}

这样，按钮就会保持在上一个div外的底部了。最终的HTML和CSS代码如下所示：

<div class="content">
  <p>This is some text.</p>
</div>

<div class="button-container">
  <button>Click here</button>
</div>

.content {
  position: relative;
}

.button-container {
  position: absolute;
  bottom: 0;
}

.button-container button {
  background-color: #ccc;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
}

希望以上回答能对您有所帮助！