如何设置子div在父div的底部

可以使用以下 CSS 样式来设置子 div 在父 div 的底部：

.parent {
  position: relative;
}

.child {
  position: absolute;
  bottom: 0;
}

其中，父 div 需要设置 position: relative;，子 div 需要设置 position: absolute; 和 bottom: 0;。这样子 div 就会固定在父 div 的底部。

相关问题

div固定在父div底部并居中

可以使用CSS中的定位和transform属性来实现这个效果。

首先，父div需要设置为相对定位（position: relative），这样子元素的定位就是相对于父元素的。

然后，子div需要设置为绝对定位（position: absolute），并且设置bottom: 0和left: 50%。这样就可以让子div固定在父div底部并水平居中了。

最后，还需要使用transform属性，将子div向左移动自身宽度的一半，这样就可以让子div垂直居中了。代码示例如下：

.parent {
  position: relative;
  height: 200px; /* 设置高度，方便观察效果 */
}

.child {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

怎么让div放在父div的底部

要让 div 放在父 div 的底部，可以使用 CSS 的 `position` 和 `bottom` 属性。

首先，需要将父 div 设置为相对定位（`position: relative;`）。然后，将子 div 设置为绝对定位（`position: absolute;`），并将 `bottom` 属性设置为 0。这样子 div 就会相对于父 div 的底部进行定位。

示例代码如下：

<div class="parent">
  <div class="child">我在父 div 的底部</div>
</div>

.parent {
  position: relative;
  height: 200px; /* 为了演示效果，给父 div 设置一个高度 */
  background-color: #eee;
}
.child {
  position: absolute;
  bottom: 0;
}

注意，如果父 div 没有设置高度，子 div 会直接放置在父 div 的底部，可能会超出页面底部。因此，要确保父 div 设置了适当的高度。