0

此页和此页在页眉上方有一个空格。它们只是在更新后出现，但我错过了问题可能出在哪里。

注意：这只发生在 FireFox 中。

4

6 回答 6

0

我会从 中删除整个类columns或整个sixteen columns类header，它在那里没有用，只剩下一小部分padding用于徽标，这就是你会错过的所有内容。现在它与.columnscss 样式冲突。

或者您可以为仅适用于标头的类重写 css。

在 mac 上删除 chrome 和 ff 中的列类后：

在此处输入图像描述

于 2013-01-21T07:10:13.653 回答
0

才发现问题。我有

#artists {margin-bottom: 40px}
#album-design {margin-bottom: 40px}

我将其更改为：

#artists {padding-bottom: 40px}
#album-design {padding-bottom: 40px}

我知道这是问题所在，因为它只发生在作品集和音乐页面上，只有两个页面具有特定的 CSS。

有大佬在看吗？

感谢所有的答案。大多数让我知道我将解决的其他问题。

谢谢你们。

于 2013-01-21T07:32:52.260 回答
0

我要检查的第一件事是您的标记是否有效。 根据 w3c 验证器，您在div某处有一个未关闭的地方。以我的经验，这正是会在不同浏览器中导致不同呈现的事情。

于 2013-01-21T06:31:10.023 回答
0

margin-top: 16px;从中删除#header。

也减少padding-top: 5px; 从 #header .inner,

于 2013-01-21T06:31:18.353 回答
0

.column, .columns 在这个类中 float:left; 和 display:inline 导致问题...请尝试删除这两个属性，但它可能会影响其他一些地方.. 在标题 id 中做一件事放置 float:none; 所以它只对标题有效。

#header {clear: both;  display: inline-block; float: none; margin-top: 16px;}
于 2013-01-21T06:33:21.557 回答
0 
.column, .columns {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

在这个类float:left里面是多余的，去掉他是正常的。和两个班分开写。像这样：

.columns {      
  margin-left: 10px;
  margin-right: 10px;
}

.column{
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
于 2013-01-21T06:50:20.870 回答