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

Question

参考我的测试网站页面：

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

我在左侧有一个Spry菜单，在使用该菜单时，它似乎杀死了右侧内容部分中的<p>标记。

.css文件是：

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

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

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

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

Answer 1

第12行的SpryMenuBarVertical.css定义：

* { margin:0; padding:0}

margin：0正在影响您的段落。 我建议您删除该行并调整菜单样式以适合您的需求。

编辑：我想我应该告诉你我怎么想的，以防将来您遇到类似的问题。 这是Google Chrome浏览器的步骤，在其他浏览器中应该与此类似。

• 右键单击受影响的元素（在本例中为任何段落）。
• 选择检查元素 。
• 在“ 样式”选项卡下，您可以查看所有适用于或将应用于元素的样式。 尝试取消选中其中一些以查看其功能。
• 在“ 计算”选项卡下，您可以查看元素正在使用的样式。