-3

私のサイトでは、新しいページに取り組んでいます。大きな画面で表示すると、ボックスは左側にあります。私はすべてに合わせて左にしようとしています。

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

1 に答える 1

0

margin-left: 400px;useを使用する代わりに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;
}
于 2013-03-17T15:32:05.043 に答える