2

プロジェクトで発生している問題のトラブルシューティングを行っているときに、css ファイルにランダムな「/」が表示されていることに気付きました。それを削除すると、実際にはFirefoxで境界線の一部が消え、Chromeではさらに多くの境界線が消えました...問題を理解しようとしてコードを必要最小限に減らしましたが、まだ理解できませんそれを出します。問題の原因を CSS の「items」クラスに絞り込みましたが、そのクラスだけを検証するとエラーが発生しないため、何が問題なのかわかりません。

スラッシュを削除して表示する方法は次のとおりです。 http://jsfiddle.net/NrYws/2/

そして、これは、削除する前の場所にあるスラッシュと、(FF と Chrome の両方で) 適切に表示される方法です... http://jsfiddle.net/NrYws/3/

スラッシュをファイル内の別の場所 (つまり、outerContainer クラスの上) に移動すると、表示が正しくありません。「アイテム」クラスを完全に削除すると、正常に動作します: http://jsfiddle.net/NrYws/4/

items クラスは今は必要ないように思えますが、これは、これを修正するために骨まですべてを取り除いたからであり、実際のプロジェクトに必要です。

ここで何が起こっているかについてのアイデアはありますか？私が見過ごしていることは痛々しいほど明白なことだと確信しています....

ありがとう！

4

4 に答える 4

1

コンテナの外側の境界線をクリッピングしているため、itemsクラスからoverflow：hiddenを削除します。

ワーキングフィドル： http： //jsfiddle.net/NrYws/8/

cssのバックスラッシュについての説明は次のとおりです。http ：//www.webteacher.ws/2005/01/22/490/

于 2012-06-21T12:43:59.693 に答える
1

最初の段落を削除したかのように機能し.itemsます。それを削除すると、正しく表示されます。

あなたが望むように機能するだけoverflow: hiddenで削除することは、私は信じています。.items

overflow: hidden何をしていても必要な場合は、期待どおりに動作する修正を提案するには、このコードだけでは不十分です。

于 2012-06-21T12:38:11.710 に答える
1

を取り除くので、

.items
{
     float: left;
     height:180px;
    overflow: hidden;
}

あなたはそれを削除することができます

于 2012-06-21T12:39:33.963 に答える
1

overflow: hiddenオーバーフローを使用する必要がある場合は、高さを削除するか 184px に設定してください

.items
{
    float: left;
    height:184px;
    overflow: hidden;
}
于 2012-06-21T12:46:39.123 に答える