CSS Firefox 和 IE9 没有样式化 div 和 p 类，Chrome 和 Safari 是

<分区>

关于您编写的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SSCCE.org寻求指导。

关闭 9 年前。

我毫不怀疑这最终会成为我的一些菜鸟 css 错误，但我不明白为什么 Chrome 和 Safari 会以我希望和期望的方式呈现此页面，而 Firefox 和 IE9 不会:

对于文本“Guest tap:”和“TMBC DRAFT LIST”，我有一个宽度为 100% 的 div，CSS 设置为对齐文本中心，底部边距和边框，但 Firefox 似乎忽略了这些规则完全，当我检查元素时，它甚至不会出现在 css 中。它也不会呈现我漂浮在啤酒标题旁边的一些彩色圆圈 div。

这也以类似的方式影响了我在右页脚区域中的链接。

似乎有什么东西取消了这些样式规则，但我不知道到底是什么。

最佳答案

在此stylesheet你有一个语法错误。

您有:

.beerheader {
   text-align: center; 
   width: 100%; 
   margin: 0 0 40px 0; 
   border-bottom:solid 1px #b3b59b; 
   !important
 }

它应该是这样的:

.beerheader {
   text-align: center; 
   width: 100%; 
   margin: 0 0 40px 0; 
   border-bottom:solid 1px #b3b59b !important; 
 }

我不确定这就是问题所在。但这是我的第一个猜测。另外在旁注中，我建议对标题使用标题标签而不是段落标签。就像其他人提到的那样，验证您的代码也是一个好主意。

关于CSS Firefox 和 IE9 没有样式化 div 和 p 类，Chrome 和 Safari 是，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19937140/