在CSS中将内部div与右下角对齐

最简单的方法是什么把我的内侧div放到右下角

<div style="width:200px; height:200px; border:3px #FF6666 solid">
<div style="font-weight:bold; text-align:right;">Krishna</div>
</div>

克里希纳

---

这是我的密码。。谢谢大家

尝试一下，将您的外部

div

设置为

位置：相对

确保当设置为

位置：绝对时，内部
div
将保持在其内部。然后您可以通过设置
bottom:0将其指定为位于右下角；右：0

<div style="width:200px; height:200px; border:3px #FF6666 solid; position: relative">
  <div style="font-weight:bold; text-align:right;position: absolute;bottom: 0; right: 0; ">Krishna</div>
</div>


克里希纳
尝试此操作，将外部
div
设置为
位置：相对
确保当设置为
位置：绝对时，内部
div
将保持在其内部。然后您可以通过设置
bottom:0将其指定为位于右下角；右：0

<div style="width:200px; height:200px; border:3px #FF6666 solid; position: relative">
  <div style="font-weight:bold; text-align:right;position: absolute;bottom: 0; right: 0; ">Krishna</div>
</div>


克里希纳
根据div的父级，您可以将其定位为绝对：

<div style="width:200px; height:200px; border:3px #FF6666 solid;position: relative;">
    <div style="font-weight:bold; text-align:right;position: absolute; bottom:0; right:0">Krishna</div>
</div>


克里希纳
根据div的父级，您可以将其定位为绝对：

<div style="width:200px; height:200px; border:3px #FF6666 solid;position: relative;">
    <div style="font-weight:bold; text-align:right;position: absolute; bottom:0; right:0">Krishna</div>
</div>


克里希纳

克里希纳

克里希纳
参见此处：

您必须将
位置
更改为
绝对
请参见此处：

您必须将
位置
更改为
绝对位置
用内部div修改您的小提琴。还向其添加了水印。

请参见此处的更新代码：


#outerDiv
{
宽度：200px；
高度：180像素；
边框：3px#F02020实心；
位置：相对位置；
}
#右下角
{
位置：绝对位置；
右：0px；
底部：0px；
}
.水印
{
不透明度：0.5；
颜色：黑色；
右侧填充：2px；
}

这是一些内容
如果需要，底部对齐的项目可以添加水印。
我在这里！！！
使用内部div修改了您的小提琴。还添加了水印。

请参见此处的更新代码：


#outerDiv
{
宽度：200px；
高度：180像素；
边框：3px#F02020实心；
位置：相对位置；
}
#右下角
{
位置：绝对位置；
右：0px；
底部：0px；
}
.水印
{
不透明度：0.5；
颜色：黑色；
右侧填充：2px；
}

这是一些内容
如果需要，底部对齐的项目可以添加水印。
我在这里！！！