html - 网站的 CSS 边框

Question

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

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

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

score 3 · Accepted Answer

在“2px”中的 2 之后有一个空格。删除它，边框就会出现。

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

此外，您的文档类型中有一个错字。这会导致 IE 使用怪癖模式。

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

score 0 · Accepted Answer

在style.css第 30 行：

border-bottom: 2 px solid black;是无效的。改成border-bottom: 2px solid black;

2 回答 2