CSS:Divs 不左右对齐

Question

我有 2 个 div。我希望 1 个 div 位于窗口的左侧，另一个位于右侧。我用我的 Logo 和旁边的一些文字正确地做到了这一点。但是，在此之下我想再有 2 个 div。我将这 2 个 div 放在样式为 clear:both; 的 1 个 div 中，这个 div 在另外两个 div 的下方很好地排列。但是一旦我对第二个 div 执行 float: right;，它就超出了主 div ......为什么？

代码:(这个应该排在左边)

#menu {
    background-color:#485D9C;
    margin-left:10px;
    text-align:center;
    width: 200px;
    position:absolute;
    float:left;
}

(这应该排在右边)

#content {
    text-align:right;
    width:600px;
    position:absolute;
    float:right;
}

(这是“内容”和“菜单”所在的 div)

#middle {
    clear:both;
    border: thick solid;
    position:relative;
}

Answer 1

你有例子吗？通过这个小测试:http://jsfiddle.net/BouFe/uHJQB/1/它有效!