0

最近、境界線を削除した後に div のサイズが変更されるというこの問題が発生し始めました。

この jsfiddle に注意してください: http://jsfiddle.net/rALvd/1/

黒い境界線を削除すると、赤い div の上部と下部に 50 ピクセルのマージンがなくなりますが、下部にはより大きなスペースがあるように見えます。

境界線を追加すると、赤い div は正しい余白に戻ります。

コードは次のとおりです。

<div id="main_contact">
<div id="contact_contain">
    <div id="contact_form">
    </div>
</div>
</div>

#main_contact {
width: 100%;
height: 450px;
border: 1px solid black;
}

#contact_contain {
position: relative;
width: 100%;
height: 350px;
margin: 0 auto;
background: url(homepage/contact.png) center center no-repeat;
margin-top: 50px;
border: 1px solid red;
}
4

1 に答える 1

0

これがボックス モデルの通常の動作です。サイズを変更したくない場合は、境界線の色を隣接する領域と一致するように変更して、表示されないようにすることをお勧めします。

于 2013-07-12T18:42:13.890 に答える