问题与IE8：p元素有一个填充/余量不会消失！

我试图解决的问题只能用IE8，IE或Firefox等没有任何其他版本问题与IE8：p元素有一个填充/余量不会消失！

编辑我的问题的一个例子可以在这里看到http://kazcare.com/kamaleiexample/learningEnvironment.html

段落元素必须做在顶部的边缘或填充不会消失。请不要说使用内联的CSS，因为我已经试过&它不会改变它。

你看，如果我这样做

<p class="subHeading" style="margin: 0; padding: 0;">Our Philosophy</p>

上边距/填充只显示在IE8时SHD没有了。注意：p元素嵌套在pageBoxContent类的元素中，该元素确实设置了margin-top。

我的CSS：

.pageBoxContent p { font-family:Calibri, "Myriad Pro", Serif; margin: 0; margin-top: 10px; } 
.subHeading { color: #6D4F9B; font-weight: bold; padding-bottom: 0px; margin-bottom: 10px; margin-top: 0; }

来源

2011-07-18 Mack

告诉我们这jsFiddle.net –

的问题显然是通过在页面中的对象的情况下造成的，所以没有办法对我们没有帮助你分享这方面。创建显示问题的最小部分HTML/CSS，并将其放入jsFiddle，以便我们可以看到问题。 – jfriend00

@thirtydot - 你对他的账户有什么意见？ – tw16

在代码的网站，你已经写<b class="subheading">没有<p class="subheading">。尝试用p替换b。

额外的边距问题实际上是您用作容器顶部的图像。位于.mainPageBox及以上.pageBoxContent。子标题上方的空白区域实际上是图像的一部分。

<img alt="" src="images/pageBoxTop.png" style="margin: 0; padding: 0;" class="pageBoxTop">

来源

2011-07-19 00:18:27 tw16

我只是相信你是对的，给你一个+1。 – thirtydot

问题与IE8：p元素有一个填充/余量不会消失！

回答

相关问题