如何设置子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底部

你可以使用CSS中的flexbox布局来将内容设置在div底部。可以将父元素设置为display:flex，并将flex-direction属性设置为column，这样子元素就会从上到下排列。然后将父元素的高度设置为100%（或者固定高度），并使用align-items: flex-end来将子元素向底部对齐。下面是一个例子：

HTML代码：

<div class="container">
  <div class="content">
    <!-- 内容 -->
  </div>
</div>

CSS代码：

.container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.content {
  margin-top: auto; /* 让子元素向底部对齐 */
}