2016-08-06 55 views
0

這是一個很小的問題,我試過Google搜索,但不知道我無法快速完成的樣式名稱。什麼是設計模式稱爲哪裏(我會說博客的原因,這是我見過它使用)博客文字是一個連續的滾動,但頁面的其餘部分(即頁眉和頁腳)是靜態的?CSS風格的名稱

作爲example blog

+0

感謝大家的快速回復! – Damage

回答

0

默認情況下,元素相對於彼此是靜態的(position: static;)。要將元素相對於視口進行定位,請使用:

element { 
    position: fixed; 
} 

這會將元素從普通文本流中取出。有關定位的更多信息,請參閱http://www.w3schools.com/css/css_positioning.asp

0

您正在尋找

position:fixed 

現在,你有一條魚,學會如何抓住它: 您需要使用您的瀏覽器工具包,或Firefox的Firebug,選擇要檢查的元素,然後查找它的源代碼和css規則,您將自己看到它是如何製作的。

0

我不認爲它有一個特定的造型術語,但所有你需要做的是將position: fixed添加到您的頁眉和/或頁腳。

#header { 
    position: fixed; 
} 

#footer { 
    position: fixed; 
}