php - 为什么使用 Spry 菜单会杀死我的 <p> 标签？

Question

引用我的测试站点的页面:

http://thepfjstudios.com.au/testing/content/NewAbout.php

我在左侧有一个 Spry 菜单，当它被使用时，似乎会杀死右侧内容部分中的

标签。

使用的 .css 文件是:

http://thepfjstudios.com.au/testing/SpryAssets/SpryMenuBarVertical.css

.js 文件位于同一文件夹中，但它是 SpryMenuBar.js

我已经玩了 2 天了，无法弄清楚为什么右侧内容部分的段落之间不再有空格。如果我不使用 Spry 菜单，内容部分显示得很好。

我会在这里发布代码，但是所有 3 页都与这个问题相关，并且会占用非常大的空间。

Answer 1

SpryMenuBarVertical.css 第 12 行定义:

* { margin:0; padding:0}

margin:0 影响了您的段落。我建议您删除该行并调整菜单的样式以满足您的需要。

编辑:我想我应该告诉你我是如何想出来的，以防你将来遇到类似的问题。以下是适用于 Google Chrome 的步骤，其他浏览器应该类似。

• 右键单击受影响的元素(在本例中为任意段落)。
• 选择检查元素。
• 在样式 选项卡下，您可以看到适用于或将适用于该元素的所有样式。尝试取消选中其中一些以查看它们的作用。
• 在 Computed 选项卡下，您可以看到元素使用的样式。