2012-03-20 68 views
0

我正在用PHP,HTML和CSS製作Wordpress主題。 當添加更多文本時,我的頁腳會自動向下浮動到白色內容塊下。如何使用重疊的浮動div?

現在,我想補充一點,有重疊頁腳,也是白色的內容塊的其他的圖像。 但是...我希望它可以在添加更多文本時浮動下來,就像頁腳一樣。

下面就來讓我的問題明確鏈接: website

所以,我想用文件和鉛筆的圖像重疊兩個div的頁腳和白色的內容塊。當添加更多文本時,它也需要向下浮動。

哦,我也有我的頁腳的外邊緣的問題,因爲你可以看到有空間,但頁腳必須是在寬度全屏。

-Thanks

回答

2

由於頁腳已對齊和「花車」爲內容的變化,最簡單的解決辦法是利用這一點,把它放在頁腳中。從那裏你可以將其部分定位在外部,並且在頁面上的絕對定位和頁腳上的相對定位。

這裏有一個概念證明:http://jsfiddle.net/eliland/Qp76P/

+0

謝謝!這樣可行! – kim 2012-03-20 11:08:44

2

之前進入的答案,我建議你做兩件事情:

  1. 驗證你的CSS,因爲從一個非常快的概述我發現一個錯字在第25行min-heigt必須是min-height

  2. 使用CSS重置在任何custome CSS之前。爲此,檢查http://meyerweb.com/eric/tools/css/reset/ 我個人normalize.css使用來自http://necolas.github.com/normalize.css/

一兩件事,這是我的意見:有大量的清潔主題在那裏,你可以用它來建立你的子主題。它們包括最新的現代Web技術,SEO等。專題,二十二,二十幾等,並免費...

+0

感謝您的回答!沒有注意到拼寫錯誤,也非常感謝。我之前使用過CSS重置,但它並不適用於我的自定義WP主題。 – kim 2012-03-20 11:07:41

+0

歡迎。你能告訴我們爲什麼它不起作用嗎?或者你的意思是不工作? CSS重置應該從所有不同瀏覽器的通用基線開始。這主要是爲了覆蓋瀏覽器的默認值。 – ziad 2012-03-20 11:11:15

+0

我知道,但因爲我在Wordpress主題上工作,所以不會鏈接到其他文件上。如果我不遵循製作WP主題的「規則」,我會得到很多錯誤,所以我更喜歡不使用reset.css ...(這也是我第一次將WP做成WP主題,所以我不想毀了它))) – kim 2012-03-20 11:23:10