如何定位我的橫幅和導航欄與CSS

我期待創建一個網站，但我有點麻煩。我看到所有這些不同的術語，如漂浮和拳擊等，但我很困惑我用來定位項目。這裏是我的意思是在這個網站上的一個很好的例子http://happycog.com/如何定位我的橫幅和導航欄與CSS

我該如何做到這一點，使標題是一個屏幕的空間，導航另一個和下面的另一個區域和頁腳另一個等等等等

如果你明白我的意思，並可以指導我的一些幫助/教程，我將不勝感激。謝謝

要添加到pomologue的回答，有一件事可能會讓你對你正在查看的網站感到困惑，就是當用戶滾動時，他們正在將菜單欄固定到屏幕的頂部。他們正在用javascript這樣做，所以如果你不能用CSS做到這一點，就不要打垮自己了！如果你真的想在js中做到這一點，評論回來，我會給你一些指針:)

2013-07-20 18:23:54

查看源代碼和Firebug/Web Inspector是你的朋友。最簡單的，你想要做的只是一系列具有造型的<div>標籤。

<div id="header">...</div> 
<div id="navigation">...</div> 
<div id="content">...</div> 
<div id="footer">...</div>

2013-07-20 18:15:31 ceejayoz

你給的只是把div的一個又一個網站：

<div id="first block"> ... </div> 
    <div id="second block"> ... </div>

2013-07-20 18:19:50 Pomologue

從你張貼的例子，你正在尋找一種叫做sticky-header/persistent-header的東西。

有機會得到你要求的將涉及JavaScript，因爲你引用的例子被鎖定到一個特定的div 和屏幕位置。

如果你只尋找永久報頭部分，其中僅有頭頂部停留不斷，不管是什麼 - 那麼這個鏈接在CSS一個偉大的實現：

至於像http://happycog.com/那樣更具動態性，那麼CSS-Tricks有一個很好的教程，但它也涉及JQuery。

此外，谷歌，螢火/ Chrome開發者工具及其他相關工具是你的朋友。

祝你好運！

2013-07-20 18:25:15 jrd1

回答