在CSS中，我們可以使用多種方法將三個(gè)盒子底部對齊，以下是兩種常見的解決方案：

方法1：使用Flexbox

Flexbox是一種非常靈活的布局方式，可以輕松實(shí)現(xiàn)盒子間的對齊，我們可以將三個(gè)盒子放入一個(gè)Flex容器中，并設(shè)置align-items屬性為flex-end，使它們底部對齊，示例代碼如下：

<div class="flex-container">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
</div>

.flex-container {
  display: flex;
  align-items: flex-end;
}
.box {
  width: 33.33%; /* 假設(shè)每個(gè)盒子寬度為容器寬度的1/3 */
  height: 100px; /* 假設(shè)每個(gè)盒子高度為100px */
  border: 1px solid #000; /* 添加邊框以便看到盒子的位置 */
}

方法2：使用CSS Grid

CSS Grid也是一種非常強(qiáng)大的布局工具，可以很容易地實(shí)現(xiàn)復(fù)雜的對齊需求，我們可以創(chuàng)建一個(gè)Grid容器，將三個(gè)盒子放入其中，并使用align-content屬性控制它們的對齊方式，示例代碼如下：

<div class="grid-container">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
</div>

.grid-container {
  display: grid;
  align-content: flex-end;
}
.box {
  width: 33.33%; /* 假設(shè)每個(gè)盒子寬度為容器寬度的1/3 */
  height: 100px; /* 假設(shè)每個(gè)盒子高度為100px */
  border: 1px solid #000; /* 添加邊框以便看到盒子的位置 */
}

兩種方法都可以實(shí)現(xiàn)三個(gè)盒子底部對齊的需求，你可以根據(jù)自己的需求和偏好選擇***適合的方法。