Html 如何使用css将div的内容与底部对齐？

如何使用css将div的内容与底部对齐

有人能帮我完成吗？或者至少指向正确的方向

我想要那样

这是我的代码：

.bbb{
文本对齐：居中；
底部：20px；
}
.文本wi{
边框顶部：2个虚线#13aff2；
填充：5px020px；
}
.哈哈{
填充：5px
}
.widget主机{
显示：网格；
网格模板列：自动；
栅隙：20px；
}
.widget host>div.host-woovn{
边框：1px实心#e9e9e9；
填充：0 5px 0 5px；
}
.按钮{
背景色：#669900；
文本对齐：居中；
颜色：#fff；
光标：指针；
字体大小：粗体；
字体大小：14px；
填充：8px 15px；
显示：内联块；
边缘底部：10px；
高度：初始高度；
边界半径：4px；
}

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
–A

–B

–C

–D

–C
bbbbbbbbbbbbbbbbbb
–A

–B

–C

–D

–E

–B

–C

–F

我是使用position属性完成的。希望这对你有帮助。。谢谢

.bbb{
文本对齐：居中；
/*底部：20px*/
位置：绝对位置；
底部：0；
左：0；
右：0；
}
.文本wi{
边框顶部：2个虚线#13aff2；
填充：5px020px；
}
.哈哈{
填充：5px
}
.widget主机{
显示：网格；
网格模板列：自动；
栅隙：20px；
}
.widget host>div.host-woovn{
边框：1px实心#e9e9e9；
填充：0 5px 0 5px；
位置：相对位置；
}
.按钮{
背景色：#669900；
文本对齐：居中；
颜色：#fff；
光标：指针；
字体大小：粗体；
字体大小：14px；
填充：8px 15px；
显示：内联块；
边缘底部：10px；
高度：初始高度；
边界半径：4px；
}

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
–A

–B

–C

–D

–C
bbbbbbbbbbbbbbbbbb
–A

–B

–C

–D

–E

–B

–C

–F

我是使用position属性完成的。希望这对你有帮助。。谢谢

.bbb{
文本对齐：居中；
/*底部：20px*/
位置：绝对位置；
底部：0；
左：0；
右：0；
}
.文本wi{
边框顶部：2个虚线#13aff2；
填充：5px020px；
}
.哈哈{
填充：5px
}
.widget主机{
显示：网格；
网格模板列：自动；
栅隙：20px；
}
.widget host>div.host-woovn{
边框：1px实心#e9e9e9；
填充：0 5px 0 5px；
位置：相对位置；
}
.按钮{
背景色：#669900；
文本对齐：居中；
颜色：#fff；
光标：指针；
字体大小：粗体；
字体大小：14px；
填充：8px 15px；
显示：内联块；
边缘底部：10px；
高度：初始高度；
边界半径：4px；
}

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
–A

–B

–C

–D

–C
bbbbbbbbbbbbbbbbbb
–A

–B

–C

–D

–E

–B

–C

–F

如果您希望在父元素的底部有一个子元素，那么实现这一点的最简单解决方案是使用

position

.parent{
背景：ddd；
位置：相对位置；
高度：200px；
宽度：300px；
}
.孩子{
背景：红色；
位置：绝对位置；
底部：0%；
左：50%；
-ms转换：translateX（-50%）；
转化：translateX（-50%）；
}

我在底部！

如果您希望在父元素的底部有一个子元素，那么实现这一点的最简单解决方案是使用

position

.parent{
背景：ddd；
位置：相对位置；
高度：200px；
宽度：300px；
}
.孩子{
背景：红色；
位置：绝对位置；
底部：0%；
左：50%；
-ms转换：translateX（-50%）；
转化：translateX（-50%）；
}

我在底部！

也许您正在寻找这个？也许你在找这个？