css - float 在绝对定位的 div 内

Question

是否可以在不指定绝对容器宽度的情况下在绝对定位的 div 中放置多个 float ？

见图片:

忍者编辑:您使用绝对值和 float 的代码可以完美运行，但就我而言并非如此。我试图简化问题，但显然还有其他问题。我会在弄清楚原因后尽快回复您。对不起。

编辑 2:是的，这就是我的问题的原因。

HTML

<div id="anotherContainer">
    Outercontainer
    <div class="main">
        <div class="left">Left</div>
        <div class="right">Right</div>
    </div>
</div>

CSS

#anotherContainer {
    position: relative;
    outline: 4px solid red;
    width: auto;
    height: auto;
    display: inline-block;
}

.main{
    border: 1px solid #f00;
    position: absolute;
}

.left{
    float: left;
    border: 1px solid #0f0;
    padding: 20px;
}

.right{
    float: right;
    border: 1px solid #00f;
    padding: 20px;
}​

JS fiddle

我的错误，我假设容器#anotherContainer 对此没有任何影响。

Answer 1

删除 #anotherContainer 上的相对位置问题将得到解决。检查 jsfiddle 工作链接

http://jsfiddle.net/rP76V/3/