0

overflow:hidden は新しいブロッキング フォーマット コンテキストを確立でき、ブロッキング フォーマット コンテキストはマージンの崩壊を防ぐことができます。しかし、この例ではうまくいきません。それらの間のギャップはまだ 20px です。なぜ？ http://www.w3.org/TR/CSS2/visuren.html#block-formatting
http://www.w3.org/TR/CSS2/box.html#collapsing-margins

.mod-a,.mod-b{マージン:20px;オーバーフロー:非表示}

ここに画像の説明を入力

4

3 に答える 3

2

overflow:hiddenはインフローの子で折りたたまれませんが、他の DIV で折りたたまれます。次のように書きます。

div{
    margin:20px 0;
    background:red;
    width:50px;
    height:50px;
    float:left;
    clear:left;
}

これをチェックしてくださいhttp://jsfiddle.net/fXz57/

于 2012-04-23T10:59:59.340 に答える
0

オーバーフローはマージンやパディングとは関係ありません。マージンが必要ない場合は、margin変更する代わりに 0 に設定してくださいoverflow。

于 2012-04-23T10:48:47.087 に答える
0

あなたのクラスではマージンを 20 px として指定しているため、マージンがあります。css クラス .mod-a,.mod-b:20px からマージンを削除します。

Overflow-hidden はこれとは関係ありません。ラベルの幅が 50 px で、内部のテキストが 200 px の長い要素がある場合に使用されます。次に、overflow:hidden は oth を非表示にします

于 2012-04-23T11:00:55.350 に答える