按钮居于div底部

要实现按钮居于div底部，可以使用CSS的position属性和flex布局。将div元素的position属性设置为relative，这样按钮元素在div中的定位将以div元素为基准。然后，将div元素的display属性设置为flex，这样可以使用flex布局来控制按钮元素的位置。

示例代码如下所示：

<div class="4066-2fe4-2c95-b996 container">
  <button class="2fe4-2c95-b996-fec2 btn">按钮</button>
</div>

.container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 300px;
  border: 1px solid #ccc;
}
.btn {
  margin-bottom: 10px;
}

在上述示例代码中，我们创建了一个div容器，其中包含一个按钮元素。通过设置.container的position属性为relative，我们确保按钮元素的定位是相对于div容器的。接下来，我们将.container的display属性设置为flex，这样按钮元素将按照flex布局进行排列。

在.flex布局中，我们将.flex-direction设置为column，这样按钮元素将从上到下排列。然后，我们将.justify-content设置为flex-end，这样按钮元素将在div容器的底部对齐。我们将.align-items设置为center，这样按钮元素将在水平方向上居中对齐。

为了保证按钮元素与div容器底部有一定的间距，我们可以通过设置按钮元素的margin-bottom属性来实现。在上述示例代码中，我们将.btn的margin-bottom设置为10px，这样按钮元素与div容器底部将有10px的间距。

通过上述的CSS代码，我们可以实现按钮居于div底部的效果。这种方法不仅可以用于按钮，还可以用于其他元素的定位。flex布局还提供了很多其他的属性和方法，可以灵活地控制元素的位置和排列方式。