定位具有定义宽度的DIV - DIV内

有一些DIV和SPAN具有文本定义的宽度。我需要根据TOP/LEFT来确定他们的确切位置。但是“内嵌块”选项是不可能的。定位具有定义宽度的DIV - DIV内

如何设置顶部/左侧的确切位置并保持文本的宽度定义宽度？

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; 
}

来源

2013-08-24 Patrik

ID **必须是唯一的。 – j08691

尝试使用CLASS而不是ID。正如@ j08691所说，ID必须是唯一的。 'class =“blabla”'和CSS：'.blabla {...}' – DanielX2010

确切的位置，你有没有尝试''位置：绝对''测试'类？（如果使用绝对位置，不要忘记将容器位置设置为相对位置） – DanielX2010

将包装position到relative

#container { 
    position: relative; 
    ... 
}

然后设置内部div position到absolute

#test1 { 
    position: absolute; 
    ... 
} 

...

来源

2013-08-24 21:08:20 DanielX2010

定位具有定义宽度的DIV - DIV内

回答

相关问题