CSS浮動下推

我已經看過有關CSS浮動的其他職位，但還沒有找到答案。CSS浮動下推

我有幾個具有相同寬度（屏幕1/3）的div。他們都被設置爲向左漂移。當其中一個比其他時間長時，它將下面的塊推下。

我已經制作了一個示例，您可以在http://apsam.dk/misc/float-pushdown-problem/index.php（黃色div被藍色div推下）中看到。

如果我錯過了帖子中的答案，請指出我的意見。我看了很多。

編輯澄清。問題是：如何避免黃色div被推下來。

這裏有問題嗎？ – 2012-02-19 15:00:26

要開始一個新行，請輸入一個具有clear: both;屬性的div。

見我的回答對另一張貼在這裏，它顯示了一個例子： Link

2012-02-19 15:01:51

@MGA：我很困惑，你編輯了什麼？：s – 2012-02-19 15:25:26

我沒有編輯任何東西只是強調'clear：both;'通過用''''圍繞它'，點擊編輯時間來查看更改，並且您可以從其中回滾我的更改，對不起： – 2012-02-19 15:28:19

沒問題MGA，這是更好的方式...感謝您的補充... :) – 2012-02-19 15:33:51

浮動不「拼圖」在一起那樣。你的每一個花車都有一個高度，這個高度是可見的和榮幸的。你不能讓.yellow忽略.blue的高度，尤其是在同一個容器中。您可以使用定位向上移動.yellow。

或者，你可以使用另一個DIV並把它當作你的左邊欄，並將它包含了綠色和黃色的div。

2012-02-21 08:53:56 Scott

謝謝你的回答。我想我會選擇你的第二種方法，因爲我不能控制每列有多少個div。 – 2012-02-21 12:23:55

回答