0

2つの要素が常に100ピクセル離れていることを確認する必要があります。私のコードにはエラーはありませんが、何らかの理由で、Pタグのマージンボトムが50ピクセルに設定され、その下のDIVのマージントップも50ピクセルに設定されています。

合計100ピクセル離れているのではなく、わずか50ピクセルです。誰かがこれを説明できますか？ページにフロートがないので、クリアの問題が原因ではありません。すべてのhtmlとcssが検証されました。

これは、ChromeとFIrefox3.6の最新バージョンで発生します。

これが私のコードの例です：

#content p {
    margin-bottom: 50px;
}

#content #posted {
    border-top: 1px dotted #ccc;
    line-height: 20px;
    margin-top: 50px;
}
4

2 に答える 2

4

マージンは互いに重なり合っています。要素の最大マージンは、2つの要素間のマージンになります。

これがIEで起こっていることではない場合、これはCSSが機能するように設計された方法であるため、IEのバグです。

代わりにパディングを使用するか、両方の要素のマージンが100pxであることを確認してください。

于 2011-04-27T23:03:49.673 に答える
1

マージンはそのようにスタックしません。下の要素は、上の要素のマージンではなく、上の要素から50pxのマージンのみを設定します。したがって、マージンを100pxにする必要があります。

于 2011-04-27T23:05:41.527 に答える