2

老实说，我觉得在这里问这个问题有点愚蠢，因为答案很可能很简单，但我目前正在努力寻找解决方案。

我有两个网页，它们使用相同的代码和相同的 style.css 文件，但使用不同的标签，允许我更改菜单的颜色、页面上的标题等。

以下一个工作正常

http://www.dtlsports.co.uk/poolIndex.php

然而，在这个菜单上，菜单失去了颜色并且错误地向下移动。

http://www.dtlsports.co.uk/squashIndex.php

任何人都可以发现两者之间的区别可以使一个工作而另一个不工作吗？我假设您将能够自己检查页面上所有必要的内容，但如果不是，请告诉我，我会将其全部放在这里。

提前致谢！！

4

2 回答 2

3

看起来第二个缺少 display:block;

http://puu.sh/5arNI.jpg

于 2013-11-06T16:13:39.330 回答
2

你需要添加 display:block 

  navQ {
        background: -moz-linear-gradient(center top , #FFCC00, #FFCC00) repeat scroll 0 0 #FF0000;
        border: 1px solid #FFCC00;
        border-radius: 0.5em 0.5em 0.5em 0.5em;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        color: #FFCC00;
        display: block;
        height: 44px;
        margin: -37px auto 0;
        min-width: 800px;
    }

您缺少以下 CSS 样式

article, aside, figure, footer, header, hgroup, nav, navP, section {
    display: block;
}
于 2013-11-06T16:12:58.003 回答