gpt4 book ai didi

css - 通过 包含的 HTML/CSS 未正确显示
转载 作者:太空宇宙 更新时间:2023-11-04 14:09:09 25 4
gpt4 key购买 nike

我正在努力使网站每个页面上的功能都在单独的 HTML 文件中。我制作了一个 header.html 文件:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>header</title>
<link href="../css/default.css" rel="stylesheet" type="text/css" />
<link href="../css/inc/header.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="identityAndLinksHeader">
<table>
<tr>
<td><a>Home</a></td>
<td><a>About</a></td>
<td><a>Privacy</a></td>
</tr>
</table>
</div>
</body>
</html>

以及以下 CSS:

@charset "utf-8";
/* CSS Document */
#identityAndLinksHeader
{
height: 50px;
width: 100%;
margin: 0, 0, 0, 0;
padding: 0, 0, 0, 0;
background-color: rgba(127, 140, 141,1.0);
}

文件工作正常,看起来像这样: http://puu.sh/68SbK.png

然后我有这个 index.html 代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="css/default.css" rel="stylesheet" type="text/css" />
</head>

<body>
<object name="header" type="text/html" data="inc/header.html"></object>
</body>
</html>

但是当我运行它时,标题看起来像这样: http://puu.sh/68S9M.png

有人知道为什么会这样吗?谢谢!

最佳答案

首先你不需要在html5中定义type = "text/css"其次,#identityAndLinksHeader 的宽度是 100%,也许在 index.html 中,那个小区域就是 100%。

关于css - 通过 <object> 包含的 HTML/CSS 未正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20917205/

25 4 0