我剛剛開始web開發,並試圖用一堆'Div'元素來構建一個頁面導航欄,但我似乎無法得到我的第二個按鈕(「 AboutButton「)出現在屏幕上。這是我的HTML代碼的身體:使用HTML Divs來製作導航欄
<body>
<div id="navbar" id="top">
<div id="pageselection">
<div id="HomeButton"> <a href="#top"> HOME </a> </div>
<div id="AboutButton"> <a href="#About> ABOUT </a> </div>
</div>
</div>
</body>
,這裏是我的網頁CSS:
#navbar{
Position: fixed;
Width: 100%;
Height: 10%;
}
#pageselection{
Position: absolute;
Width: 40%;
Height: 100%;
Right: 30%;
}
#HomeButton{
Position: absolute;
Width: 33%;
Height: 100%;
Left: 0%;
text-align: center;
}
#AboutButton{
Position: absolute;
Width: 33%;
Height: 100%;
Left: 33%;
text-align: center;
}
本質上講,我試圖建立一個 '格'在頁面頂部運行,然後將該「div」的中心40%標記爲要放置第二個「div」的空間,這將反過來保留用戶可用於導航頁面的三個鏈接。
在此先感謝,希望它是一個愚蠢的錯誤,我希望我的描述是不夠清楚:)
引導可以幫助你 –
引導是要使用的工具,但它並不能幫助一個純粹的初學者學習任何標記的基本面。 – jswebb