gpt4 book ai didi

html - 基本网页顶部的差距?

转载 作者:搜寻专家 更新时间:2023-10-31 22:22:37 24 4
gpt4 key购买 nike

我设置了一个简单的网页,但顶部有一个奇怪的空白,我不知道如何修复。我开发的其他网站根本没有这个问题..?

这是我的 HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>sitename</title>
<link rel="stylesheet" type="text/css" href="main.css">
</head>

<body>
<div id="wrapper">
lorem ipsum
</div>
</body>
</html>

还有 CSS:

body {
background-color:#323232;
}

#wrapper {
width:960px;
margin:0pt auto;
background-color:#272727;
}

这是一张奇怪的差距的照片:

http://dl.dropbox.com/u/46018476/TEMP/gap.png

这只是我的 FireFox 版本暂时出现问题还是我做错了什么?

最佳答案

我认为默认情况下浏览器确实倾向于向 <html> 添加边距或填充或 <body>元素,我永远记不起是哪个。

编辑:根据其他答案和评论(例如 Rahool’s ),看起来是 margin<body> .

所以这应该可以解决您的问题:

body {
margin: 0;
}

关于html - 基本网页顶部的差距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8848445/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com