Маржа на дочернем элементе перемещает родительский элемент
у меня естьdiv
(родитель) который содержит другойdiv
(ребенок). Родитель является первым элементом вbody
без определенного стиля CSS. Когда я установил
.child
{
margin-top: 10px;
}
Конечным результатом является то, что вершина моего ребенка все еще выровнена с родителем. Вместо того, чтобы переместить ребенка на 10px вниз, мой родитель переместился на 10px вниз.
мойDOCTYPE
установлен вXHTML Tra,nsitional
.
Что мне здесь не хватает?
редактировать 1
У моего родителя должны быть строго определенные размеры, потому что у него есть фон, который должен отображаться под ним сверху вниз (в идеальном пикселе). Так что установка вертикальных полей на этоне идти.
редактировать 2
Это поведение одинаково на FF, IE, а также CR.