定位具有定義寬度的DIV - DIV內

Question

有一些DIV和SPAN具有文本定義的寬度。我需要根據TOP/LEFT來確定他們的確切位置。但是「內嵌塊」選項是不可能的。

如何設置頂部/左側的確切位置並保持文本的寬度定義寬度？

jsFiddle example

HTML

<div id="container" style="float: left; margin-right: 10px;"> 
    <span id="test1">aaa</span> 
    <span id="test2">bbb</span> 
    <span id="test3">ccc</span> 
</div> 
<div id="container" style="float: left;"> 
    <div id="test1">aaa</div> 
    <div id="test2">bbb</div> 
    <div id="test3">ccc</div> 
</div> 

CSS

#container { 
    width:300px; 
    height:300px; 
    background-color: #efefef; 
} 
#test1{ 
    position: relative; 
    top: 100px; 
    left: 0px; 
    display: inline-block; 
} 
#test2{ 
    position: relative; 
    top: 0px; 
    left: 0px; 
    display: inline-block; 
} 
#test3{ 
    position: relative; 
    top: 0px; 
    left: 0px; 
    display: block; 
} 

Answer 1

將包裝position到relative

#container { 
    position: relative; 
    ... 
} 

然後設置內部div position到absolute

#test1 { 
    position: absolute; 
    ... 
} 

...