2010-09-22 61 views
0

嘿所有,關於CSS的快速問題。在my website上,如果導航欄居中,並且固定在頁眉底部(漸變的底部),我希望它。我無法弄清楚如何做到這一點。中心和別針底部的底部

該網站不支持IE ...然而,

回答

0

嘗試將您的標題設置爲相對位置,並將導航設置爲絕對而不是相對。

+0

感動的導航下到谷底,但現在我得中心他們。浮動:在左側導航裏是什麼搞亂了它,但是如果我擺脫了這一點,這個列表就會回到垂直狀態。 – Chiggins 2010-09-22 14:57:52

+0

@Chiggins:對於'header'標籤,使用一些浮動清除技術,如clearfix等。我傾向於做的是,看到我的答案。我是goona現在編輯它 – Shaoz 2010-09-22 15:07:02

1

將您的「標題」標記設置爲相對位置。然後將'nav'標記設置爲絕對位置,並對其執行'bottom:0'。全部在你的CSS中。它應該工作。 然後使用css中的「左」和「右」規則左移或右移。

像這樣:

header { 
position: relative; 
zoom: 1; /*needed to clear float in IE*/ 
} 

header:after { 
clear: both; 
display: block; 
content: " "; 
visibility: hidden; 
height: 0; 
} 

nav { 
position: absolute; 
bottom: 0; 
}