css 有两个盒子，子盒子B和父盒子A ，让盒子B在盒子A的底部，并且内容从下向上增加，详细代码

可以使用CSS的flex布局来实现该需求，具体代码如下：

HTML代码：

<div class="boxA">
  <div class="boxB">
    <p>第一行内容</p>
    <p>第二行内容</p>
    <p>第三行内容</p>
  </div>
</div>

CSS代码：

.boxA {
  display: flex;
  justify-content: flex-end; /* 将子元素放置在父元素的底部 */
  align-items: flex-end; /* 将子元素放置在父元素的底部 */
  height: 200px; /* 父元素的高度 */
  background-color: #eee;
}

.boxB {
  display: flex;
  flex-direction: column-reverse; /* 将子元素从下向上排列 */
  align-items: flex-end; /* 将子元素右对齐 */
  padding: 20px;
  background-color: #ccc;
}

.boxB p {
  margin: 10px 0;
}

这段代码实现了父元素和子元素的样式设置，将子元素从下向上排列，并且内容从下向上增加，同时子元素放置在父元素的底部。