頁腳底部

Question

我放棄了...我只是放棄了。在建立了3-4個網站（還是一個業餘愛好者）之後，我仍在處理保持底部的底部。這是我的js小提琴http://jsfiddle.net/kY8hY/

頁腳是juuuuust罰款，直到我開始構建身體，然後，當我輸入一些內容的值，文本牆壁，頁腳出現了。我在這裏把我的頭髮拉出來。

這裏是另一個jsfiddle，我可以保留頁腳在底部。 http://jsfiddle.net/2J2TH/

你會注意到我拿出了一個完整的div（anasayfaicerik），並用另一個div（deneme）替換爲完全相同的值。

<div id="shakingmygoddamnhead>yup</div> stack forces me to do this. 

什麼是衝突？ 「anasayfaicerik」的值與「footer」衝突

我試着一個接一個地刪除所有東西，看看問題是否會消失，但沒有人。它在那裏，除非我刪除整個「anasayfaicerik」div

Answer 1

問題是#adadil內的內容是浮動的，因此#adadil忽略它們的大小。

您需要一個clearfix強制容器實際包含浮動內容。

例如bootstrap'sclearfix如下所示：

.clearfix:before, .clearfix:after { 
    content: " "; 
    display: table; 
    } 
    .clearfix:after { 
    clear: both; 
    } 

然後你只需將clearfix類添加到#adadil股利。 （不收取額外html將需要）

Working example

Answer 2

問題是與應用於#anasayfaicerik元素的CSS。

由於其內容是浮動的，因此需要將容器展開以適合其內容。

將overflow:hidden添加到它可以修復它。

演示在http://jsfiddle.net/kY8hY/4/

Answer 3

檢查http://jsfiddle.net/shubhambhave/F8Hf7/2/

我只設置

#footer { 
position: relative; 
display: inline-block; 
}