html - 如何将最后一个div放到父div的右上角？ (CSS)

Question

我能以某种方式使用 CSS 来放置 block2 吗？在block1的右上角 ？

---

上下文:

• block2必须是 block1 的(非常)最后一个内部 HTML 代码或者它可以放在 block1 之后.我不能让它成为 block1 中的第一个元素.
• 在 block1 内可能有 <p> 、图像、文本，我无法控制知道是什么以及有多少。
• 我还需要 block2流动。

---

代码:

.block1 {
    color: red;
    width: 100px;
    border: 1px solid green;
}

.block2 {
    color: blue;
    width: 70px;
    border: 2px solid black;
    position: relative;
}

<div class='block1'>
    <p>text</p>
    <p>text2</p>
    <div class='block2'>block2</div>
</div>

Answer 1

.block1 {
    color: red;
    width: 100px;
    border: 1px solid green;
    position: relative;
}

.block2 {
    color: blue;
    width: 70px;
    border: 2px solid black;
    position: absolute;
    top: 0px;
    right: 0px;
}

<div class='block1'>
  <p>text</p>
  <p>text2</p>
  <div class='block2'>block2</div>
</div>

应该这样做。假设您不需要它流动。