段落边距不扩展，包含div

Question

我使用jquery mobile framework构建了关于网页的以下内容：

http://manchestergardeningservices.co.uk/mob/about.php

请查看<h1>元素下面的有色段落。

我担心带有“lime_tint”类的<p>元素中的<div>元素不会扩展作为其容器的<div>。 <p>元素有一些默认的上下边距，应该可以推出包含元素的顶部和底部。

例如，在Google Chrome浏览器中检查段落元素时，我可以看到以下样式。我的理解是，在1em处设置的-webkit-margin-before和-webkit-margin-after应该加宽包含div元素，以便在paragraph元素的上方和下方有额外的绿色空间。为什么不是这样。

p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

Answer 1

为.lime_tint div添加一些填充，例如

.lime_tint {padding:10px;}

这会将<p>标签10px“推入”div的所有两侧，div将相应地扩展。