2011-11-03 67 views
2

大家好,HTML頁面總是顯示菜單欄

我想爲測試結果開發一個簡單的HTML頁面。我對HTML開發非常陌生,所以我可能聽起來真的很傾向於這個問題。

我的目標是使用HTML中可用的框架集,但將其指向內部鏈接(href)。或者像HTML導航欄頂部或垂直導航欄那樣的東西,我可以在HTML頁面中指向不同的部分。我不想將我的HTML頁面分成多個頁面。我想保留它作爲一個單一的HTML頁面。

我希望在這方面有所幫助,

回答

2

您可以使用DIV與CSS position: fixed; top: 0集。這將允許div「粘」到頁面的頂部,而不管文檔在哪裏滾動。

+0

如果您的導航欄有自己的BG-顏色,你希望它在整個寬度,你還應該添加左0右:0 ; –

0

您可以使用錨點導航到文檔的單獨部分。例如:

<a href="#section1">Section 1</a> 
<div> 
    <a name="section1" id="section1"></a> 
    Whatever section 1 might contain here. 
</div> 

作爲使導航的persisent(即固定的位置),則可以使用position: fixed CSS集。見的jsfiddle sampel這裏>http://jsfiddle.net/PWP2T/

,代碼:

div#mynav { 
    width: 100%; 
    padding: 10px 0; 
    background-color: #ff00ff; 
    position: fixed; 
    top: 0; 
    left: 0 
}