如何让文本显示在<div> </div>内的文本顶部

Question

我有：

<div>
   <div>xxx</div>
   <div>yyy</div>
<div>

我怎样才能使“yyy”出现在顶部（如覆盖）“xxx”并且两者都可见？

Answer 1

制作外部div position: relative;和两个内部div position: absolute。

默认情况下，position: absolute div的位置在左上角，因此两者都位于父div的左上角，一个位于另一个的顶部。

Answer 2

快捷方式

<div style="position:relative">
   <div>xxx</div>
   <div style="position:absolute;top:9px">yyy</div>
<div>

http://jsfiddle.net/naAj9/

Answer 3

HTML：

<div>
   <div >xxx</div>
   <div class="z-in">yyy</div>
<div>

的CSS：

.z-in
{
   position: relative;
   bottom: 20px;
}