Почему два элемента разнесены всего на 50 пикселей, если верхний элемент имеет отступ 50px margin-bottom, а нижний элемент имеет отступ 50px? - PullRequest
Новая
       3

Почему два элемента разнесены всего на 50 пикселей, если верхний элемент имеет отступ 50px margin-bottom, а нижний элемент имеет отступ 50px?

0 голосов
/ 28 апреля 2011

Мне нужно убедиться, что два элемента всегда на расстоянии 100 пикселей. В моем коде нет ошибок, но по какой-то причине нижнее поле на теге P установлено на 50 пикселей, а верхнее поле на DIV под ним также установлено на 50 пикселей.

Вместо того, чтобы быть на расстоянии 100px, их всего 50. Может кто-нибудь объяснить это? У меня нет поплавков на странице, так что это не связано с проблемой очистки. Все HTML и CSS были проверены.

Это происходит в последних версиях Chrome и FIrefox 3.6.

Вот пример моего кода: 

#content p {
    margin-bottom: 50px;
}

#content #posted {
    border-top: 1px dotted #ccc;
    line-height: 20px;
    margin-top: 50px;
}

Ответы [ 2 ]

4 голосов
/ 28 апреля 2011

Поля накладываются друг на друга.Максимальный запас элементов будет равен разнице между двумя элементами.

Если это не то, что происходит в IE, это ошибка IE, поскольку именно так CSS был разработан для работы.Вместо этого вы можете использовать отступы или просто убедиться, что поля обоих элементов равны 100px.

1 голос
/ 28 апреля 2011

Поля складываются не так.Нижний элемент устанавливает только отступ в 50px от верхнего элемента, не для верхнего элемента.Поэтому вы должны сделать поля 100px.

...