製作漂浮在屏幕中央的固定寬度的矩形

Question

下面的CSS代碼創建了一個可變寬度的矩形，從瀏覽器的左邊緣開始，距離瀏覽器的右邊緣爲30像素，總長度爲250像素。

如何創建一個固定寬度爲1000像素，以瀏覽器爲中心的矩形（並且如果瀏覽器縮小到1000像素以上，則將其刷新到屏幕的左側）？

由於提前，

JW

.loginbackground { 
position: absolute; 
height: 73px; 
left: 250px; 
right: 30px; 
top: 20px; 
text-align: left; 
margin-bottom: 3px; 
padding: 0px; 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 14px; 
font-weight: normal; 
background: powderBlue; 
} 

Answer 1

設置margin屬性0 auto將圍繞一個div：

div { 
    width : 500px; 
    height : 100px; 
    margin : 0 auto; 
} 

這裏是一個的jsfiddle：http://jsfiddle.net/jasper/dEdqk/