Дочерние элементы с полями в DIVs
Мне нужно два подрядdiv
элементы (с фоном), чтобы соприкасаться плавно, один под другим. Тем не менее, этот макет ломается, когда я ставлю ребенкаp
элемент в дноdiv
, На поляхp
элемент заставляет пробел между обоимиdiv
элементы. Это странное поведение, так как я ожидаю границыp
оставаться в пределах содержания и фона областиdiv
, Это делает то же самое на Firefox, Chrome и IE 8.
Top Div
<p>Bottom Div</p>
Вот'с как это выглядит.
Я мог бы исправить это, изменив поля на отступы дляp
элемент, но тогда я также должен был бы сделать это с элементами заголовка, элементами списка и любым другим элементом, который я хочу использовать в началеdiv
, Это не желательно.
Может ли кто-нибудь просветить меня: какую оговорку о модели коробки я пропускаю? Есть ли простой способ исправить это, желательно, изменив стиль?div