浮動div跨瀏覽器。除了1

Question

其他瀏覽器似乎沒有問題我真的需要你的幫助，因爲這是讓我瘋狂。我的網站www.markett.nl我有2個div浮在彼此旁邊。

所有的瀏覽器似乎加載很好，accapt當我在iPad上查看網站的div被向下推，好像它的寬度很大。

我讀過它可能與一些CSS填充問題有關，但我相信填充不用於這些div元素。我使用螢火蟲在CSS中洞察力，但無法解決我的問題。

我上傳2幅圖像，所以你可以看到probem是什麼：

Image 1 as is loads on most browsers.

Image2 will show the problem.

Answer 1

你在響應式佈局CSS文件@media查詢。在您的CSS（大約2640行）中找到它：

@media (max-width: 800px) { 
    /* Simplify the basic layout */ 
    #main #content { 
     margin: 0 7.6%; 
     width: auto; 
    } 

並從該規則中刪除margin屬性。此外，您不必在iPad上測試結果 - 您可以簡單地更改瀏覽器窗口的寬度。

Answer 2

根據視口的寬度，您正在使用media queries來做不同的事情。

如果您在任何瀏覽器中加載您的網站（例如，我正在使用Firefox進行測試）並且足夠減少窗口的寬度，則會發生同樣的問題。

要解決它，請按照Zoltan Toth的說明進行操作。