0

あちこち検索してみましたが、この問題を解決する方法がわかりません。ショッピング カート アイテムの div を作成し、float プロパティを使用して、アイテムがタブレット、ワイドスクリーン、携帯電話の画面いっぱいに表示されるようにしました。

.displaybox { 
margin-left: auto;
  width:150px;
  height:140px;
  padding:10px;
  font-family:arial; 
  font-size: 10pt; 
  float: left;
  margin: 5px 5px 5px 5px;
}

Firefox を除いて、私が使いたいすべての方法で問題なく動作します。Firefox では、項目が垂直に積み重ねられ、項目の垂直列が形成されます。これに Firefox ブラウザを対応させるにはどうすればよいですか?

4

2 に答える 2

1

与えられたクラスに何も問題はありません。あなたの問題はラッピング要素でしょう。

于 2012-07-29T21:04:07.470 に答える
0

ここのコメントは正しかった。問題は CSS ではなく、周囲の div 要素と table 要素にありました。他のブラウザは必要に応じて項目ボックスを拡大していましたが、小さすぎたため、Firefox でもその幅を維持していました。周囲のテーブル要素を 100% 幅に指定すると、Firefox は他のすべてのブラウザーと同じように動作します。

于 2012-07-31T16:30:51.593 に答える