div изменяет размер при удалении границы

Question

В последнее время у меня возникла проблема с изменением размера div после удаления границы.

Уведомление это jsfiddle: http://jsfiddle.net/rALvd/1/

Если удалить черную рамку красный ДИВ больше не имеет запас 50px на верхней и нижней, но, как представляется, имеют гораздо больше пространства в нижней части.

Когда вы добавляете границу, красный 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

Это нормальное поведение блочной модели. Если вы не хотите, чтобы размер изменялся, я предлагаю вам изменить цвет границы, чтобы соответствовать смежной области, чтобы она не была видна.