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居中。

修改

将它向左移动400px：

.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;
}