爲什麼我的CSS佈局意外行爲（請參閱鏈接）？

該佈局在頁面中央並排放置兩列，總寬度爲850像素。但是，只要瀏覽器窗口寬度小於等於1275像素，右列就會落在左下方。

我希望只有當窗口寬度降至850px或更小時纔會發生這種情況 - 即我希望它能夠響應，所以只有當窗口太小而不能同時顯示兩列時，應該列堆疊。

爲什麼堆疊發生在1275px而不是？

我迷失在自己的佈局和邏輯中，我希望有人從外面看它可以發現觸發問題的原因。

2013-01-23 Taneem Tee

我已經投票決定關閉這個問題，因爲它太本土化，且不太可能幫助未來的訪問者。最好的問題有一個小型自包含的示例，其中包含足夠的代碼來演示問題，沒有任何額外的問題。將此代碼發佈到問題中或JSFiddle（jsfiddle.net）中。這樣做可能需要很多工作，但它是解決問題的關鍵部分。 – KatieK

你有下面的代碼，你應該在master.css刪除/編輯：

@media only screen and (min-width: 480px) and (max-width: 1275px) { 
    .column2 { 
    clear: left; 
    } 
}

2013-01-23 17:31:45 cheesemacfly

這當然是有問題的代碼。也許你的意思是該規則的最大寬度爲850。無論如何，這就是爲了你Taneem打破它。 –

Omg就是它。非常感謝！我的意思是這個規則也因主寬度而異。 –

回答