大家好，我正在設計一個網頁。我想要一個固定的標題。標頭不固定

對於此設置position: fixed;。但是當我在網頁中添加花葯<div>並設置一些頂邊距它，然後頭部的餘量也改變了這裏是我的頭

#header { 
    width:100%; 
    height:35%; 
    color:#303030; 
    postion:fixed; 
}

CSS和頁眉下方的DIV的CSS是這樣

#content { 
    width:250px; 
    height:350px; 
    margin-left:50px; 
    margin-top:75px; 
    border-style:solid; 
    border-color:#303030; 
    border-width:1px; 
}

我的HTML

<div id="header"> 
Predufu 
</div> 
<div id="content"> 
</div>

我在這個問題

0我的HTML的少部分

現在#content我設置margin-top: 75px;但與此頭的利潤率也發生了變化，爲什麼它發生了，請告訴我，我需要一個固定頭在我的網頁

來源

2013-08-30 Azad Chouhan

請同時顯示你的HTML – Mark

至少你有一個錯誤..位置應該是位置 –

你沒有它的座標固定。 'top：0px; left：0px;' – Elen

-1

嘗試添加其頂部位置到頭。另外你的拼寫錯誤。

試試這個：

#header { 
    width:100%; 
    height:35%; 
    color:#303030; 
    position:fixed; 
    top: 0px; 
}

JSfiddle Example

來源

2013-08-30 10:36:35

你怎麼知道它不是已經顯示爲'block'（例如，如果它是'div'）？ – putvande

top：0，零值不需要單位（px） – Mark

確保它顯示爲塊顯示：block;應該在那裏。如果已經存在，那麼它不會影響它。 –

我改變了一些CSS屬性和它的工作。首先我嘗試了位置：絕對，但它也適用於位置：固定。

#header { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    width:100%; 
    height: 100px; 
    color:#303030; 
    background-color: #aaa; 
} 

#content { 
    position: absolute; 
    top: 120px; 
    left: 50px; 
    background-color: #eee; 
    width:250px; 
    height:350px; 
    border: 1px solid 303030; 
}

見這裏的位置是：固定 - >http://jsfiddle.net/NicHope/n32Mu/ 難道這是你在找什麼？

來源

2013-08-30 11:04:23

標頭不固定

回答

JSfiddle Example

相關問題