css - 将其包含在 .jsp 页面中时发生冲突的 css 文件

Question

每当我试图在我的 jsp 页面中包含一个 .html 页面(在 Bootstrap 代码中包含一个导航栏)时，它不会在导航栏上显示所有详细信息。但是每当我试图将它包含在一个单独的页面中时，它就会显示所有内容。很明显，可能存在冲突的 .css 文件，因为我的 jsp 文件中有一些代码。

我该如何解决这个问题？

Answer 1

如果我自己无法检查有问题的 css(这可能会有所帮助)，我真正能做的就是建议如何检查 CSS。

使用谷歌浏览器，解决 CSS 冲突的最佳方法是右键单击一个元素 - 例如有问题的导航栏 - 然后单击 Inspect Element。

这应该会出现一个类似于此处显示的栏:

请注意左侧的样式详细信息 - 它使您可以轻松跟踪影响您检查的元素的 CSS 的来源。更重要的是，它还有一条线通过 'padding:.6em .8em;' - 这是一个被覆盖的样式，下面没有下划线的填充是覆盖它的样式。

如果您遇到这样的 CSS 问题，您应该能够使用 chrome 检查窗口跟踪哪些样式被覆盖了。如果您发布您的 CSS，我可能会更具体一些。