Мне нужно два последовательных div (с фонами), которые можно легко касаться друг друга, один под другим. Однако этот макет ломается, когда я помещаю дочерний элемент p в нижний div. Поля элемента p заставляют пробел между обеими div s. Это странное поведение, так как я ожидаю, что поле p останется в пределах области содержимого и фона div. Он делает то же самое в Firefox, Chrome и IE 8.
<div style="background: #ccccff">Top Div</div>
<div style="background: #ffcccc"><p>Bottom Div</p></div>
Вот как это выглядит.
Я мог бы исправить это, изменив поля на paddings для элемента p, но тогда я также должен был бы сделать это с элементами заголовка, элементами списка и любым другим элементом, который я хочу использовать в начале div. Это нежелательно.
Может ли кто-нибудь просветить меня: о чем я прошу прощения в коробке? Есть ли простой способ исправить это, желательно, изменив стиль div?
