使頁腳出現在所有分辨率的相同位置的中央？

Question

我有這個CSS，現在它看起來像一個想要它在我的1366x768筆記本電腦的屏幕上，它出現在底部屏幕的中心。但是當我將它移動到更大的屏幕上時，頁腳出現在另一個位置，進一步位於頁面的上方。

任何人都可以給我一些建議嗎？

position:relative; 
width:900px; 
height:70px; 
background-color:#0CF; 
margin-top:38%; 
right:25%; 
left:50%; 
margin-left:-450px; 

Answer 1

這就是爲什麼：

margin-top:38%; 

任何不同屏幕高度的

38％，將導致您的頁腳中的不同位置，假設它是相對於身體的位置而不是可能具有另一位置的另一個元素。在你的情況下，我願意打賭它是相對於身體。

如果您將其更改爲絕對位置，則將其設置爲底部值，它將粘貼到屏幕底部。

position:absolute; 
width:900px; 
height:70px; 
background-color:#0CF; 
bottom:0; 
right:25%; 
left:50%; 
margin-left:-450px; 

Answer 2

如果你

position: absolute; 
margin-right: auto; 
margin-left: auto; 

與你已有的寬度，應居中。然後

bottom: 0; 

應該把它放在屏幕的底部。那麼你可以擺脫left，right,margin-top。

[編輯]完成的事情是這樣的

position: absolute; 
width: 900px; 
height: 70px; 
background-color: #0CF; 
margin-left: auto; 
margin-right: auto; 
bottom: 0;