浮動元素來了，而不是側

我不知道什麼代碼導致這個問題，因此我會要求你查看live site請。浮動元素來了，而不是側

側邊欄#widgets與#content的頂部不是同一水平。它與#content的水平相差大約1430px，Chrome檢查器顯示沒有餘量，導致這種情況的填充。

你能看到問題嗎？

2016-01-01 Steve

你能不能使標題更具體一點嗎？ –

它會在它之前的節點頂部，所以你可以將所有'.sticky'包裝到一個單獨的元素中，並將'＃小部件'放在這個容器元素旁邊 – Kaiido

把#widgets元件之前#content。

這種行爲是由浮動引起的。作爲一般規則，將要浮動的元素放置在「main」元素之前，以便纏繞浮動元素。爲簡化起見，float將該元素從正常流程中移除，並將其放置在指定位置，然後在浮動元素周圍呈現以下元素。

到#content已經渲染的時候，將內容或內容浮起來已經太晚了。

2016-01-01 05:34:37

Thanks torazaburo。這解決了它。 – Steve

一個快速解決我能想到的是位置設置爲absolute，並設置right約10px，在#widgets的CSS：

#widgets { 
    position: absolute; 
    right: 10px; 
}

其中產量：

2016-01-01 05:28:03

回答