HTML/CSS：左邊的浮動工作不正常，div顯示在上面的div下面

Question

我想使用class =「left」和class =「right」製作2列布局，此刻我的.right列會不向左浮動並顯示在我的.left列下方。

當我刪除.left和.right內的所有內容時，浮動工作正常，有人能幫我弄清楚我做錯了什麼嗎？謝謝

Answer 1

您的right div在您的left div內。你有一條評論說</div><!-- left -->但它並不是左邊div的結尾。在支持突出顯示塊的編輯器中查看它。

Answer 2

您的.left代碼中似乎有未公開的div。

將另一端div標記添加到該塊的末尾似乎可以修復它。

http://jsfiddle.net/SG8sE/4/

Answer 3

如果你有填充和/或上。左和.right的div定義的空間，確保有房爲他們每個人（的內容）並排出現一側。

我發現它有助於在元素周圍放置1px邊框，同時在初始佈局上工作，以真正掌握所有內容的位置。