CSS屏幕尺寸

Question

在我的网站上，我正在开发一个新页面。当我在更大的屏幕上查看它时，该框位于左侧。我正在努力让它与一切保持一致。

CSS：

.contactbox { 
    width: 200px; 
    height: auto; 
    margin-left: 400px; 
    left: 400px; 
    padding: 12px 
    background-color:#F5F5F5; 
    border: 1px solid #9C9C9C; 
    text-align: left; 
    box-shadow: 2px 2px 7px 2px #DBDBDB; 
    -moz-box-shadow:2px 2px 7px 2px #DBDBDB; 
    -webkit-box-shadow:2px 2px 7px 2px #DBDBDB; 
} 

Answer 1

而不是使用margin-left: 400px;使用margin: 0 auto;的。这会自动使左右边距相等，以div为中心。

编辑：

移动它400像素留下像这样：

.contactbox { 
    margin: 0 auto; 
    // Allow it to be moved relative to its original (centered) position 
    position: relative; 
    // Move to the left (left means the left edge not the direction of movement) 
    left: -400px; 
}