2012-08-17 30 views
0

我正在爲一個朋友開發一個小型的WordPress站點,並且正在處理頁腳的一些CSS問題。該視口是在容器標記(對於height屬性)中看到的100%,而不是身體標記。另外,我遇​​到了一個a標記的奇怪問題,該標記在標題中正確關閉,並通過網站的其餘部分在每個嵌套元素中吐出。任何洞察什麼可能造成的?WordPress頁腳和嵌套標籤

該網站可以在這裏看到:www.dontyouwantto.com

感謝

+0

它在我看來像你的問題源於你在任何地方都使用絕對定位的事實。這可能會使包含元素非常困難。我建議使用浮動代替(一個浮動左側列,另一個側邊欄)。然後,你的頁腳將按照你想要的來做,而不必使用像高度這樣的愚蠢規則:100%(通常被稱爲破碎/片狀)。 – 2012-08-17 15:45:40

+0

謝謝,我已經完成了,但是設置容器類的高度仍然只佔視口的100%,而不是100%的元素(您可以通過調用開發工具來看到這一點)。這是我之前遇到過的,並且不知道究竟是什麼造成了這種情況。但是謝謝你的幫助。 – kqualters 2012-08-17 15:53:45

回答

1

包裝元素中取出height: 100%規則,並與overflow: auto;更換。這應該會讓容器「包含」浮動元素。

請注意,您還需要刪除您的容器元素的heightmin-height規則。一般來說,CSS中的100%高度造型策略是破碎/片狀的,不推薦使用。