0 
<div class="container_16">
<div class="clear"></div>
    <div class="grid_8 alpha search shadow">

    </div>
    <div class="grid_8 omega search shadow">

    </div>
</div>

このコードでは、レイアウトは機能しますが、右側に小さなオフセットがあります（3pxまたはこのようなもの）。（検索シャドウは、幅と背景画像にのみ関連するカスタムクラスであり、パディング/マージンなどはありません）

次のようになります。

ここに画像の説明を入力してください

理由は何でしょうか？

編集：

アルファとオメガを使用せずに、レイアウトは次の行に浮かびます！（レイアウトの右側に2つのボックスがあり、一方が他方の上にあります！）

4

1 に答える 1

1

960グリッドフレームワークでは、「grid_8」のCSSクラスには次のCSSプロパティがあります。

  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;

960グリッドフレームワークのCSSファイルをまだ確認していないようです。少なくとも、使用しているクラスの内容を読むことをお勧めします。

例えば：

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}
于 2013-02-12T12:11:39.890 に答える