0

我已经使用jquery 移动框架来构建以下关于网页的内容:

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

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

我担心具有“lime_tint”类的<p>元素内部的元素没有扩展它,它充当它的容器。该元素有一些默认的顶部和底部边距,应该肯定会推出包含元素的顶部和底部。<div><div><p>

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

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

1 回答 1

1

添加一些填充到 .lime_tint div 例如

.lime_tint {padding:10px;}

这会将<p>标签从 div 的所有侧面“推入”10px,并且 div 将相应地扩展。

于 2012-09-14T10:00:14.987 回答