0

ブートストラップを使用して Web サイトのスタイルを設定しています。しかし、私が思うように完全に機能するわけではありません。

以下は私のコードです：

<div class="container">
    <div class="box"></div>
    <div class="row">
        <div class="span6">
            <div class="box"></div>
        </div>
        <div class="span6">
            <div class="box"></div>
        </div>
    </div>
</div>

CSS:

.box {
    margin: 5px;
    padding: 5px;
    font-size: 11px;
    line-height: 1.4em;
    float: left;
    box-shadow: 1px 1px 1px #444;
    width: 100%;
    background: white;

}

下の画像でわかるように、一番右のギャップは一番左のギャップよりも広いです。誰でもアイデアがありますか？

ここに画像の説明を入力

4

1 に答える 1

0

を削除してみてください

<div class="box"></div>

それは開いたコンテナの開封に続きます。以下のコード:

  <div class="container">
      <div class="row">
       <div class="span6">
          <div class="box"></div>
       </div>
     <div class="span6">
        <div class="box"></div>
      </div>
     </div>
  </div>

それがうまくいかない場合は、ボックスのcssを投稿するか、URLを提供して、cssの計算されたスタイルを調べることができます

于 2013-10-21T15:08:58.063 に答える