錯誤地浮動元素

Question

我有一堆包含圖像和h1標題的定位標記。我已經通過浮動元素來允許它們在2行中排列。但是，由於一些奇怪的原因，銀河鏈接導致下一個錨點向右浮動。如果你換成土星的銀河系，它可以正常工作。我不能爲了我的生活找出原因。任何人都可以向我解釋這個奇怪的現象？

下面是我的頁面的jsfiddle：http://jsfiddle.net/SVuQQ/

Answer 1

如果添加clear:both仙女座錨就會好浮動問題。我set it up，所以你可以添加.clear類到任何其他可能需要它的錨點，如果你添加更多。

說明：具有clear:both的元素可防止元素左右浮動，從而不會影響頁面佈局的流動。在這種情況下，銀河錨浮體對下面的元件有不利影響。通過將clear:both添加到仙女座錨，銀河系的浮子不再推倒其餘的元素。

備選解決方案：float問題正在發生，因爲您的錨標籤具有不同的高度。它們不能正確疊放，因爲一個浮子比另一個浮子更遠。如果你爲它們設置了相同的高度，那麼它就可以毫無疑問地解決這個問題。 jsfiddle.net/SVuQQ/7

Answer 2

我建議嘗試設置你的＃主題內容的菜單{高度：汽車}

，並刪除浮動：留在同一行（例如＃主題內容的菜單）