html - 将 div-box 放在右上角更大的 div 框中

Question

是否有可能将一个较小的 div-box 放入右上角的一个较大的 div-box 中？ 这样较大的 div 中仍然可以有文本，在较小的 div 左侧？

|----------------------------|
| Random text      |------|  |
|                  |blabl |  |
|                  |------|  |
|                            |
|                            |
|----------------------------|

谢谢

Answer 1

尝试这样的事情。

.big-box{
  border:1px solid red;
  overflow:hidden;
  padding:10px;
}
.small-box{
  border:1px solid green;
  padding:10px;
  float:right;  
}

<div class="big-box">
  <div class="small-box">
    contents of small box
  </div>
  Contents of big box.<br/>
  multiple lines<br/>
  multiple lines<br/>
  multiple lines<br/>
  multiple lines<br/>
</div>