CSS - 爲什麼高度似乎設置，當它不是？

好的，這真的很煩人，我不明白爲什麼這會發生。當我試圖讓CSS粘性頁腳工作時，我可能已經搞砸了一些東西。CSS - 爲什麼高度似乎設置，當它不是？

我有一個事情，但它似乎在身體沒有液體，所以我想我會嘗試這一個： http://ryanfait.com/sticky-footer/

但結果弄成這個樣子： http://www.serverbart.com/film/

藍色盒子應該看起來像一個畫廊，所以從來沒有想過的顏色：我想你會明白我想要做什麼，並且我很樂意重新設計div結構！我試圖在不同的佈局方面表現出色，而這一點已經讓我有點煩惱。

2010-02-10 Kenny Bones

這是因爲你有這樣的：

<div id="mainWrapper"> 
    <div id="content"></div> 
    <div id="push"></div> 
    <div id="footer"></div> 
</div>

我花了永遠找出我做錯了，我第一次創造了一個棘手的頁腳，以及和它必須是這樣

<div id="mainWrapper"> 
    <div id="content"></div> 
    <div id="push"></div> 
</div> 

<div id="footer"> 
</div>

你必須明確地有2個div作爲你最外層的div，而不僅僅是一個主包裝。

來源

2010-02-10 21:56:13 Catfish

不確定你在這裏的意思，在這種情況下mainWrapper在哪裏？在這種情況下，你正在討論在mainWrapper之外添加另一個包裝？編輯：順便說一句，我只是試圖在mainWrapper之外添加en空div而無需將其連接到id或class。奇怪的事情發生了。所以我嘗試了應用100％的高度和寬度，最終看起來和以前完全一樣。 – 2010-02-11 19:56:09

打開你的螢火蟲網頁，看看html。你有一個mainWrapper的ID最外面的div。你必須有2個最外面的div。在谷歌瀏覽器中查看您的源代碼，您的div標籤非常難以閱讀。我認爲他們沒有像你認爲的那樣匹配。 – Catfish 2010-02-12 00:57:22

等一下，所以你說你需要兩個外包裝？所以我需要把mainWrapper放在div裏面？頁腳是否應該包含在該div中？ – 2010-02-12 09:17:15

你沒有跟隨Ryan Fait的例子。對於初學者來說，推送進入包裝。

來源

2010-02-10 19:56:51

但它在包裝內。這是我覺得很奇怪的。它看起來好像在外面，但它真的在裏面。如果您使用FireBug並標記mainwrapper div，看起來高度是靜態設置的，但它確實是100％，所以它應該真正選擇整個內容，包括頁腳和推送。 – 2010-02-11 19:54:48

另外，請嘗試選擇圖庫div。注意選擇部分似乎移動到頁腳上？喜歡指定高度還是什麼？ – 2010-02-11 20:01:58

無論它在螢火蟲中看起來像什麼，當我點擊視圖源時，源代碼中的推送div都在包裝外。刪除所有額外的東西，並開始新鮮沒有複製和粘貼，你可能會在10分鐘內解決你的問題。 – 2010-02-11 22:25:50

推送和頁腳的高度必須相同。推動必須進入包裝。

來源

2010-02-10 21:50:17 Davey

它是一樣的。推動也在包裝內。 – 2010-02-11 19:59:34

CSS - 爲什麼高度似乎設置，當它不是？

回答

相關問題