我正在使用的網站的某些頁面使用腳本根據頁面標題自動創建目錄。然而,我有一個問題讓「toc」div將其餘的頁面內容推到它下面。將頁面內容推送到左浮動div
TOC div位於我的頁面「內容」的最裏面的div內。出於這個原因,我一直無法像通常那樣將我的內容div強制轉換爲低於TOC的clear: both;
。我不想將它移動到「內容」之外,因爲我希望TOC低於頁面的H1標題,並且我希望儘可能避免<div></div>
垃圾郵件。
下面是一個簡單的佈局,顯示我的意思是一個jsfiddle。請注意TOC具有背景色。如果我把它的寬度做成100%,它就可以工作,但顏色會延伸,這不是我想要的。
我可能會被改變,因爲我不太喜歡使用<a>
標題腳本生成的TOC的腳本。不過,我的問題在於CSS,因此我認爲我現在不會太過分。
對於創建更好腳本的好方法的建議是受歡迎的(希望有源代碼;我討厭黑盒解決方案),儘管如此。
你的第二個選擇是我決定去的那個。爲了將來的參考,我的特定實現是在這個更新的jsfiddle中。 http://jsfiddle.net/n3yKf/6/ – Flawedspirit