0

おそらくこれに対する非常に単純な修正であり、今少し見ていて、それを理解することはできません..これが私のコードです:

    margin-top:10px;
    width:998px;
    min-height:100px;
    max-height:300px;
    border:1px solid #CCC;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-image:url(../images/default/page.png);
    overflow:hidden;

margin-top が 10px に設定されている場合、div はまったく移動しません。margin-top を 200px に設定すると、div は移動しません。ただし、500pxに設定すると、予想どおり500ピクセル下に移動します。

単一のセットの高さの最小高と最大高を削除しようとしましたが、これで問題は解決しません。そもそも問題を引き起こすべきではないということではありません。

誰かが私の間違いを見ることができますか? 私のコーディングは比較的健全であり、この問題を解決する方法を本当に知りません。

4

3 に答える 3

1

CSS では、隣接する垂直マージンが折りたたまれ、特定の条件が保留されます。

したがって、2 つの div スタック 1 が別のものの上にあるとします。上部の div には 30 ピクセルのマージンがあり、下部の div には 20 ピクセルのマージンがあります。この状況では、マージンは最高値に「崩壊」し、上部 div の 30 ピクセルのマージン下部になります。

詳細については、こちらをご覧ください

あなたの状況では、周囲の要素の CSS を見て、それらの値を変更すると目的が達成されるかどうかを確認します。

于 2012-11-20T00:41:27.533 に答える
1

他の要素のmarginとを確認してください。floatあなたが提供したコードに問題はありません。

于 2012-11-20T00:35:07.860 に答える
0

この問題を解決するには、この div を別のコンテナ Div 内に配置し、それに margin-bottom:10px を適用します。

コーディングに少し時間がかかり、私が本当に望んでいない別のdivを追加するため、完全に理想的ではありませんが、この問題を完全に読む時間がもう少しあるまで、今のところ実行する必要があると思います.

あなたの助けと潜在的な解決策を提供してくれた皆さんに感謝します。

于 2012-11-20T00:48:11.353 に答える