У меня есть внутренний div внутри содержащего div.
HTML
<div id="container">
<div id="inner"></div>
</div>
CSS
#container {
width: 100px;
height: 100px;
background-color: red;
}
#inner {
margin: 30px;
width: 40px;
height: 40px;
background-color: black;
}
Fiddle
Я ожидаю, что это сделает маленький черный ящик, центрированный вертикально и горизонтально в большом красном поле. Вместо этого я получаю черный ящик, прикрепленный к верхней части красной рамки, а красное поле имеет верхний край.
Может кто-нибудь объяснить, что CSS думает, что он здесь делает?