在 HTML 和 CSS 中，可以使用以下方法将元素的底部设置为自身高度的 100%：

  1. 使用 position: absolute; bottom: 0; 样式：
.element {
  position: absolute;
  bottom: 0;
}

这种方法将元素相对于其最近的定位祖先进行绝对定位，并将底部设置为 0，使其与容器的底部对齐。

  1. 使用 height: 100vh; 样式：
.element {
  height: 100vh;
}

vh 是视口高度的单位，100vh 表示视口高度的 100%。将元素的高度设置为 100vh 可以使其填满整个视口，包括底部。

请根据具体的需求选择适合的方法。此外，还可以根据布局的其他要求进一步调整元素的样式，例如添加边距、内边距等。

希望这些信息对你有帮助！如果还有其他问题，请随时提问。