2014-04-26 49 views
-3

我有這個頁腳,不會粘在頁面的底部。我的頁腳不會在我的頁面底部

我認爲問題是與我的HTML和身體沒有跨越整個網站,但我只是無法找到確切的地方來糾正這一點。我知道它是一個很大的nono鏈接到我的網頁,但我只是不知道在這裏發佈什麼代碼。

編輯:我無法將內容設置爲「靜態」而不是「絕對」,因爲那時我的菜單項將在打開時開始推送內容div。

編輯:對不起,對第一篇文章。那是我的一個大腦袋。問題應該現在更清楚

即時對不起,但我真的需要一些幫助!

+0

見http://stackoverflow.com/questions/526035/html- css-positioning-float-bottom?rq = 1 – helderdarocha

+3

上面的答案中有很多*很好的例子。其中之一應該適合您的需求。 – helderdarocha

回答

0

問題發生是因爲您的#content。你只要試着改變如下的位置:

#content{ 
    position : static; 
} 

,或者你只是簡單地將其刪除,因爲該位置被設置爲static默認。

+0

確實,它解決了頁腳問題,但菜單將開始推動我的內容div周圍:( – AronChan

+0

@AronChan你可以更新你的問題,把你的菜單推動內容的div如何?我試過在你的網站上,它沒有任何東西奇怪 – lvarayut

+0

試着現在就去看看,把內容設置爲靜態,所以它會重現問題 – AronChan

0

從您的#內容中刪除position:absolute

另外它在我第一次打開鏈接時工作,請不要在提問時更改實時代碼。

+0

然後使懸停子菜單'position:absolute'並用'top'和'left'等來定位。 –

+1

或者你可以把'position:absolute'放在su bmenuts,然後在他們的父母上使用'position:relative',這樣'top'和'left'屬性就相對於子菜單的父元素。 –

+0

問題在於子菜單在幾個菜單項上打開。所以給他們特定的頂部屬性和左側屬性將不起作用 – AronChan

1

固定位置爲底部,你可以試試這個代碼

HTML:

<div class="tofix"> 
    <p>Fixed this div into bottom</p> 
</div> 

的CSS:

.tofix{ 
     width:300px; 
     position:fixed; 
     bottom:0; 
}