將兩個元素向左浮動？

我想我需要一些浮動概念的更多幫助。這一次我的問題圍繞左側浮動兩個或多個元素。這是如何工作的？我知道一個浮子將元素的孩子從頁面上移開，並將它們一直移動到左邊。所有其他元素都通過環繞......來響應，但浮動兩個元素的概念如何應用於此？將兩個元素向左浮動？

以下是我的理解：假設我有兩個DIV，a和b。將a浮動到左邊，b的內容將環繞它......但是如果我將b浮動到左邊......內容如何響應a？

編輯：這是我搞亂了，看看我是否能理解這個概念。

enter image description here

第一個DIV有它漂浮到左邊的內嵌樣式...但看到沒有內嵌樣式緣第二DIV怎麼都是古怪的？......這並不表明這個古怪當DIV也浮動到左側時還有餘量。

編輯：我知道內聯樣式不好...我只是用它們來展示一個例子。

2012-08-04 W3Geek

下面是一系列非常全面的教程：Floatutorial。通過遵循教程，它變得非常清楚浮動是如何工作的。

要回答你的具體問題：當你有兩個元素float:left，那麼周圍的內容將包裹第二個元素，然後第一個元素，如果有剩餘空間。

2012-08-04 08:17:56

我已經看過該教程無數次，但它並沒有給我如何浮動兩個元素向左或向右作品的一個很好的解釋。不要誤解我的意思，這是一個很好的教程。 – W3Geek 2012-08-04 08:19:38

你看過它，或者你真的通過教程工作？如果沒有，那麼我強烈建議花時間。這可能會回答你所有的問題，並給你信心應用這個概念。 – 2012-08-04 08:24:24

是的，我花了我的時間。我明白浮動是如何工作的...我只是在尋找一個很好的解釋，說明如何在相同的方向上浮動兩個元素？ – W3Geek 2012-08-04 08:27:28

回答