用css将一个div固定到第二个div右上角

Question

我有以下div

<div id="outer"><img src="myimgpath"><div id="name">Username</div></div>

如何将内部div修复到外部div的右上角？

Answer 1

尝试这样的事情:

#outer{position:relative;overflow:hidden;height:100px;}
#name{position:absolute;right:0;}

Answer 2

<div id="outer" style="position:relative">
  <img src="myimgpath">
  <div id="name" style="position:absolute; top:0px; right:0px;">Username</div>
</div>