Question

嘿，我正在建立一个个人网站，开始展示我的作品，但却提出了浏览器兼容性错误。

我有三个容器使用蓝图框架（侧边栏，标题和内容）。侧边栏的右边我有一个边框，标题的底部是相同的。问题是标题的边框没有出现，我不知道为什么。

您可以在jaredsmith.se上看到该网站并查看源代码，据我所知，它似乎只适用于Safari，但似乎无法在Chrome和Firefox上运行。提前感谢您的帮助。

Answer 1

“2px”中的2后面有空格。删除它，边框将出现。

#header {
  border-bottom : 2px solid black;
  margin-bottom : 5%;
}

此外，您的doctype中存在拼写错误。这会导致IE使用怪癖模式。

将<DOCTYPE html>更改为<!doctype html>。

Answer 2

第30行的style.css：

border-bottom: 2 px solid black;无效。更改为border-bottom: 2px solid black;