Проблема с полями, верхняя граница идет сверху нижней границы - PullRequest
3 голосов
/ 12 февраля 2011

Итак, скажем, у меня было несколько <div> с, каждый из которых имел margin-top и margin-bottom.Я ожидаю, что эти элементы будут расположены один за другим: Top Margin -> Div -> Bottom Margin для каждого. Однако верхнее поле «выходит за нижнее поле» (скрипка).Таким образом, расстояние между каждым элементом составляет margin-top.

. Я нашел способ исправить это, используя float:left;, однако я должен не использовать это свойство, ни абсолютное позиционирование.

PS: Если вы не видите проблемы в скрипке, используйте что-то вроде консоли Chrome.

1 Ответ

7 голосов
/ 12 февраля 2011

То, что вы видите, называется обвалом маржи. Это правильное поведение в соответствии со стандартом.

Маржа не опускает другую маржу

...