2012-01-11 82 views
1

我只是爲課程創建簡單的HTML網站。我遇到了導航欄將事情分開的問題。我不確定如何解決這個問題,因爲我花了好幾個小時去解決這個問題。網站navbar導致的問題

你看到導航欄是如何推動了。我是從scatch寫這個內容,並認爲一切都很好,直到我開始添加內容,並注意到

http://hydra.sullivan.edu/mmoore/Assn01/index.php

+0

此外,爲什麼行不會到頁腳結束?感謝Matt k。 – 2012-01-11 18:01:54

+0

您的#內容高度未設置,因此它只會與內容中的內容一樣遠。不知道關於推翻部分雖然... – 2012-01-11 18:03:22

+0

你必須把#nav放在#content – noob 2012-01-11 18:17:33

回答

2

這是罪魁禍首:

#nav { 
    float:left; 
    padding-top:1em; 
    position:relative; 
    right:140px; 
} 

#nav元素實際上佔據了該空間,但您剛剛將它移向左側。所以其他元素仍然會環繞在原來的位置。

+0

是的,我明白這是問題原本是在哪裏,但我無法弄清楚如何解決它或什麼CSS應該是。 – 2012-01-11 18:12:37

+0

設置#nav的寬度,然後設置#content的寬度,從#content中刪除228px的margin-left,然後左右浮動。 – 2012-01-11 18:25:40