CSS，HTML問題。我怎樣才能讓文檔的主體從頂部向下？

基本上我有一個導航欄和一個標題，它們都有屬性， position：fixed; top：（VALUE I INSERTED）; 我的問題是，很明顯，當我編寫文檔的主體時，文本位於標題/導航欄下方。我需要將文本置於標題和導航欄下方，但沒有固定的位置。如果需要更多的代碼信息，只需評論一下。在此先感謝。CSS，HTML問題。我怎樣才能讓文檔的主體從頂部向下？

來源

2012-07-07 orano10000

你能爲我們提供一個鏈接？ – menislici 2012-07-07 20:54:48

給我的網站？我寧可不 – orano10000 2012-07-07 20:55:38

，但如果你想看到代碼，你可以 – orano10000 2012-07-07 20:56:05

適用於你的主要內容區域

#content { 
    margin-top: YOUR HEADER HEIGHT 
}

來源

2012-07-07 20:56:25

我的標題高度？你的意思是我的標題？或導航欄 – orano10000 2012-07-07 20:58:21

我的意思是你所有的固定元素組合的高度 – 2012-07-07 21:01:51

好的非常感謝很多我儘快接受這個答案:-) – orano10000 2012-07-07 21:04:18

你能做到這一點，最好的辦法是讓你所說的主體，像DIV集裝箱酒吧後，整個網站。這樣可以讓您自由操作以及將來根據您的需求進行定製。

用於以像素爲單位測量高度。安裝web developers extension for firefox然後重新啓動Firefox並點擊下面圖片指向的選項並使用標尺。如所示出和所表示

enter image description here

來源

2012-07-07 20:57:02

那麼我應用於div的CSS樣式是什麼？ – orano10000 2012-07-07 20:58:41

'margin-top：您的標題高度以及導航欄@ @ orano10000這可以解決它。 – 2012-07-07 21:01:27

好的，非常感謝，有什麼方法可以測量像素的高度？ – orano10000 2012-07-07 21:02:27

首先，激活「DISPLAY RULER」 enter image description here

然後點擊和拖動來測量和採取的高度和寬度

點擊雜項，包裹在div中的主要內容區域（例如id =「wrapper」），然後應用css：

html看起來像這樣：

<div id="wrapper"> 
<p class="title">About</p> 
<h6 class="bottom"><marquee>This page is the about page of 'Fred's Page'</marquee></h6> 
<p class="body">Main body of document. At the moment it's in a fixed position.</p> 
</div>

和CSS：

#wrapper{ 
margin-top: 25px; //your actual navigation bar height. (as @Zoltan Toth suggested) 
}

來源

2012-07-07 21:02:12 menislici

好的，謝謝menislici陪我:)因爲我問shiv kumar ganesh，有沒有什麼辦法可以測量像素的高度？ – orano10000 2012-07-07 21:03:31

是的，我猜對了HTML，只是一個基本的ID標籤ID，我還假設使用類而不是好嗎？ – orano10000 2012-07-07 21:05:25

是的，你可以使用類而不是div – menislici 2012-07-07 21:05:41

CSS，HTML問題。我怎樣才能讓文檔的主體從頂部向下？

回答

相關問題