如何設置固定元素的寬度以適合整個頁面？

Question

這是HTML文件：

，這是css文件：

這將產生以下結果：

如何設置頁眉類而言，寬度將是的頁腳？ 如果標題的位置不固定，但一旦將位置設置爲固定，寬度是不是設置？我如何解決這個問題？我需要修改標題，以便在向下滾動時不會移動。

[編輯] 我已經改變了寬度爲100％，這就是結果： 難道只是我的瀏覽器，它顯示了一點餘量的左側，但沒有在右邊的頭時，它是設置爲100％？

Answer 1

添加以下到你的頭類應該工作...

width: 100%; 

通過設置頭是固定的定位你正在服用它的頁面的自然流動。因此，它不會自動填充其parent（）的寬度，而是默認爲其內容的寬度。

Answer 2

只要做到：

.header{ 
width: 100%; 
z-index: 1; 
border: none; 
etc... 
}