WordPress的模板中的CSS浮動問題

在這個網站上有一個內容區域不會浮在我的側欄旁邊的問題。
800px內容寬度。如果我加上我的內容和側邊欄的div，填充等，我只想出773px。WordPress的模板中的CSS浮動問題

這是從2011年的wordpress模板創建一個子模板，然後編輯它。

http://www.rogerscomcenter.com/

2011-07-24 Justinrs83

可能與您的問題無關。但我只是好奇：你爲什麼使用：'邊際：0 0 0 -26.4％;'。利潤率如何能成爲負面？ – PeeHaa

該邊距會將內容進一步拉向左側。我認爲這實際上已經是內容的負面影響。如果你注意到在我的側邊欄的頂部，我實際上有一些頂邊距的負像素將內容拉到高於內容區域。 – Justinrs83

改變你的CSS從：

.left-sidebar #secondary { 
    float: left; 
    margin-left: 28px; 
    margin-right: 0; 
    width: 235px; 
}

要這樣：

.left-sidebar #secondary { 
    float: left; 
    margin-left: 28px; 
    margin-right: 0; 
    position: absolute; 
    width: 235px; 
}

來源

2011-07-24 20:18:15 user860572

謝謝，這會讓我的內容現在正確地浮動，但是頁腳現在與我的側欄底部重疊。 – Justinrs83

試試這個

.left-sidebar #content { 
    margin: 0 26px; 
    overflow: auto; 
    width: 484px; 
} 

.left-sidebar #primary { 
    float: left; 
    margin: 0; 
} 

#primary { 
    float: left; 
    margin: 0 -26.4% 0 0; 
}

來源

2011-07-24 20:21:27 TheGeekYouNeed

似乎沒有得到它的工作，除非以某種方式我錯過了什麼。 – Justinrs83

我可能錯過了一些東西。我將它固定在FireBug中以正確顯示，但可能已經失去了所有更改的跟蹤。儘管如此，它確實很接近。你使用FireBug嗎？ – TheGeekYouNeed

我這樣做，這就是我在測試的東西，我只是無法讓事情正常工作。側欄上的絕對定位將我側欄的底部切掉，我覺得您的建議很接近，但內容仍然不會在我的側邊欄旁邊流動。 – Justinrs83

我已經清除了所有不必要的部分，加花車和寬度的兩個元素（「主要」，「次要」divs）。一切似乎都好。

http://imageshack.us/photo/my-images/804/rogerscenterforcommerce.jpg/

來源

2011-07-24 20:24:39

WordPress的模板中的CSS浮動問題

回答

相關問題