Почему при изменении свойства border
меняются отступы снизу и сверху?
Есть код, приведенный ниже, он с border
(в content_wrap ), и он отображается так
Если убрать border
, то будет выглядеть так:
Листинг:
#content_wrap{
border: 1px solid rgba(255, 255, 255, 0.65);
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 20px;
width: 980px;
background-color:red;
}
#content{
position: relative;
margin: 20px 20px 20px 20px;
padding: 10px 10px;
background-color: green;
}
<div id="content_wrap">
<div id="content">
<div id="top_menu">
<li>СТУДЕНТАМ</li>
<li>ОРДИНАТОРАМ</li>
<li>Аспирантам</li>
<li>Слушателям</li>
<li>Контакты</li>
</div>
</div>
</div>