Почему css изменяет div, когда я добавляю в него блочный элемент?

Question

Когда я удаляю display: block из p внутри div, он игнорирует верхнее поле или его собственную высоту или что-то в этом роде. Он прижимается прямо рядом с элементом над ним. Кто-нибудь знает почему?

Элемент div является плавающим, элемент выше - нет.

Answer 1

Встроенные элементы просто не учитывают вертикальные поля или высоту. Блочные элементы делают.

Edit:

В ответ на комментарии, похоже, здесь есть две проблемы.

1. У вас есть два элемента с id='generals'. Измените это на class='generals'.
2. Добавьте overflow: hidden к вашему generals стилю. Все элементы внутри него являются плавающими, и поэтому не применяются к высоте элемента. Добавление overflow: hidden изменяет способ отображения элемента, удаляя все поплавки внутри него.