浮動頁腳命中絕對定位div

我試圖創建一個響應腳註，並堅持頁面的右下角，但無法使其始終如一地工作，當一個絕對定位的div在同一頁面上。浮動頁腳命中絕對定位div

我使用的代碼可以看出：

http://192.241.203.146/sample-page/

我曾嘗試：

position: absolute; 
bottom: 0; 
right: 0; 
margin-bottom: 10px; 
margin-top: 40px;

除了：

float: right; 
bottom: 0; 
right: 0; 
margin-bottom: 40px; 
margin-top: 40px;

爲了得到它的工作，但當它被調整到移動設備時，它並不尊重頁面上絕對定位的內容。它擦出像這樣：

enter image description here

我知道使用的位置是：絕對意味着股利是從物體的流動去除，但我需要使用它的元素在頁面的中間，以避免當我使用jQuery淡入淡出時，跳轉的對象。

我懷疑這是因爲它不在一個範圍或行內，因爲我使用的bootstrap基礎。這是問題嗎？

我在這裏損失 - 能夠理解的任何指導:)

來源

2013-07-23 Herp

爲什麼不從''.abouttext'中取出'position：absolute'？它似乎爲我工作。 –

但是這打破了我使用的淡入淡出效果:( – Herp

你的問題是，DIV是正常的頁面，但他的位置是絕對的。檢查你的代碼，我看到了這一點：

enter image description here

，如果你想頁腳總是在底部可見，你可以用頁腳到的寬度將頁面的寬度的100％的股利。就像這樣：

div#footer_container{ 
min-width: 100%; 
min-height: 100px; 
position: relative; 
} 
div#footer_container div#footer{ 
position: absolute; 
right: 0px; 
bottom: 0px; 
}

結果： Result

紅色 - 你的頁面，綠色的主容器 - 您的頁腳的容器（其始終將主容器後），藍 - 您的頁腳。

P.S.對不起，我的英語:)

來源

2013-07-23 10:03:05

我想我找到了它！

試試這個：

.main { 
    padding-bottom: 140px; 
}

它爲我，即使我降低了瀏覽器的寬度。

來源

2013-07-24 05:57:01

浮動頁腳命中絕對定位div

回答

相關問題