當邊框被刪除時div的大小調整

Question

最近我開始遇到這個問題，在刪除邊框後div會被調整大小。

聲明本的jsfiddle：http://jsfiddle.net/rALvd/1/

如果去掉黑色邊框的紅色格不再在頂部和底部的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; 
} 

Answer 1

這盒模型的正常行爲。如果您不想調整大小，建議您更改邊框顏色以匹配相鄰區域，以免看到它。