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

时间:2014-02-05 23:52:04

标签: php html css menu spry

参考我的测试网站页面:

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

我左边有一个Spry菜单,正在使用时,似乎杀了&lt; p&gt;右侧内容部分中的标签。

使用的.css文件是:

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

和.js文件位于同一文件夹中,但是SpryMenuBar.js

我现在已经玩了2天了,并且无法弄清楚为什么右侧内容部分的段落之间不再有空格。如果我不使用Spry菜单,则内容部分显示正常。

我会在这里发布代码,但所有3个页面都与这个问题相关,并占用了很大的空间。

1 个答案:

答案 0 :(得分:0)

12行的SpryMenuBarVertical.css定义:

* { margin:0; padding:0}

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

编辑:我想我应该告诉你我是如何理解的,以防你将来遇到类似的问题。以下是Google Chrome的步骤,在其他浏览器中应该类似。

  • 右键单击受影响的元素(在本例中为任何段落)。
  • 选择检查元素
  • 样式标签下,您可以看到所有或将要应用于该元素的样式。尝试取消选中其中一些,看看他们做了什么。
  • Computed 标签下,您可以看到该元素使用的样式。