CSS：Divs不左右排列

Question

我有2個div。 我希望1個div位於窗口的左側，另一個位於右側。 我用我的徽標和旁邊的一個小文字正確地做了這個。 但是，根據這一點，我希望還有另外2個div。 我將這2個div放在1個div中，風格clear:both; 這個div很好地排在另外兩個之下。 但是，一旦我float: right; 與第二個div，它走出主要的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/它有效！

Answer 2

每當我使用花車時，我都放了一個div，“clear：both;” 應用於它，在容器內部，該容器包含應用浮動的元素。 這里可以找到一個例子，我認為這就是你要找的東西。

Answer 3

嘗試放置一個外部div並設置位置：relative; 內在元素標志着他們的絕對位置

Answer 4

如果沒有看到你的代碼，不知道到底發生了什么，但我想知道你是不是只是沒有清理你的花車？

http://www.quirksmode.org/css/clearing.html