html - 我的 HTML 页面顶部有气隙,不知道为什么

标签 html css

我有以下使用 CSS 设置样式的 HTML。这是我的 HTML 文档的顶部:

<!DOCTYPE html>
<html lang="en-US">
<head>
    <title>A Title</title>
    <link rel="stylesheet" href="styles.css" type="text/css" media="screen">
</head>
<body>
        <div id="header">
            <h1 id="header_text">Welcome</h1>
        </div>

间隙在页面顶部和“header”div 之间。

设置此代码样式的 CSS 是

*{
    margin: 0;
    padding: 0;
}

html, body{
    font-family: "Segoe UI";
    font-size: normal;
    margin: 0;
    width: 100%;
    height: 100%;
}

#header{
    background: #000000;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

谁能看出气隙的原因?我已经为此工作了将近一个小时,它快把我逼疯了!

谢谢

最佳答案

试试 margin:0;填充:0;在你的 header_text 上。使用重置?

关于html - 我的 HTML 页面顶部有气隙,不知道为什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12426140/

相关文章:

html - CSS 屏幕右侧令人不快的空白

javascript - 如何解决将 youtube 链接添加到 iframe 后显示的错误?

html - 如何在我自己的代码中使用 Google Chrome 11 的上传文件夹功能?

javascript - 使用 javascript DOM 添加动态内容

jquery - bootstrap-4 模态中的双滚动条

html - 摆脱额外的高度 - CSS 重置?

javascript - AngularJS 在工厂中创建元素

html - 如何在之前和之后使用带有背景颜色的插图框阴影?

Python 和 HTML '% Operator'

css - 如何使 RadMenu 根项合理?