2013-05-04 57 views
1

我明白,如果其父容器不夠寬,浮動將下降到下一行。CSS麻煩:浮動下降到另一行(所有瀏覽器)

該網站我working on是一個Magento 1.7.2安裝與ThemeForest主題(富通)。當我包含Twitter引導程序時,預期的問題就開始了(我明顯是在頂部)。我的div.header是960px寬。它包含:

  • div.header-top這是工作正常。
  • h1.logo左側浮動,比需要的更窄(當前200px,應該是400px)。
  • div.header-left當前爲空,且左邊距爲20px的元素。
  • div.header-right元素寬度爲485px,漂浮在右邊。

問題是如果我讓h1.logo更寬,div.header-right將下降到下一行。

我應該可以使div.header-left寬達455px沒有問題。我錯過了什麼?

+0

是否有任何元素的利潤率? – dsundy 2013-05-04 22:57:09

+0

嗨dsundy,謝謝你的回覆!是的,檢查邊緣,只有'div.header-left'把它們打開。我錯過了960px-200px-485px-20px = 155px的空間,我似乎無法找到。 – x1sc0 2013-05-04 23:00:53

+0

什麼是襯墊? – user1721135 2013-05-04 23:04:12

回答

0

想通了。看起來頂部的搜索欄在底部有一個邊距,並且將.header-right推到左側。

右鍵單擊和「檢查元素」的搜索字段,你會明白我的意思。

您必須刪除邊距或調整.header-top-search-wrapper的高度。

+0

Aaaaaagh !!!!謝謝你,謝謝你,謝謝你!我欠你一杯啤酒,我的朋友。 48小時後,我是一個快樂的人,f'in呃。 – x1sc0 2013-05-04 23:12:06

+0

哈哈。很高興有幫助! (我當然知道那是什麼感覺)。 – dsundy 2013-05-04 23:12:52

+0

好吧,您可以刪除表單中的邊距.header-top-search-wrapper – 2013-05-04 23:13:53