2009-11-02 83 views
0

我正在使用水平浮動CSS菜單處理簡單的HTML/CSS網站。我的問題是我無法弄清楚如何改變菜單的位置。它目前位於頂部,我知道函數top:x px或bottom:x px用於從頂部或底部向上和向下移動任何東西,但是當我使用菜單時仍然保持頂部?可以浮動菜單的任何地方,而不是在頂部,因爲這限制了我可以用我的網站做什麼?在CSS中定位菜單

+1

你能不能請你發佈一個html菜單和相關CSS的例子? – NickGPS 2009-11-02 11:40:51

回答

2

嘗試將浮動元素的「位置」樣式設置爲「相對」。

一個例子:

.floatedElement 
{ 
    float:left; 
    position:relative; 
    top:15px; 
} 
+0

工作過,歡呼尼克! – DVP 2009-11-03 11:04:55

1

我不知道你的HTML和CSS的樣子,但如果你有在菜單的包裝,你可以在任何地方定位包裝您的網頁上。

爲了幫助您與如何做到這一點,看看這個偉大的教程上CSS positioning ...

1

上,下,左,右全部用相對或絕對定位工作。

如果你沒有使用這些,並有一個浮動的容器(例如:float:left;),我傾向於,那麼你可以使用margin或padding設置來定位元素。

+0

我對此進行了一些嘗試,發現如果某個元素處於浮動狀態,則可以添加相對位置以獲得左側和上側的工作。將箱子模型問題也保持在最低限度=) – NickGPS 2009-11-02 13:59:13