Question

直播示例

我有一个奇怪的保证金问题。我已将体边距设置为0px，并且无法使用Inspect Element识别边距的来源。

标头的HTML

<div id="header">
    <img id="logo" src="/image/header.png" alt="GeoVillage Banner" style="width:500px;height:64px;">
</div>

标头的CSS

body {
    margin: 0px;
}

#header{
    display:block;
    padding: 20px 100px;
    background-image: url(/image/headerbackground.png);
    background-repeat: repeat-x;
}

如果你想要整个页面的html，请在网页上检查元素。我已经使用PHP进行了编码，所有变量都非常混乱。

Answer 1

我看到〜= 在body标签下面和上面链接到css。删除额外的。

Answer 2

不要对body和html使用margin和padding，请将其设置为div 同时删除此符号https://yadi.sk/d/vq-uOlwZ3CarQV

Answer 3

我想我发现了这个问题。你的html结构错了。

目前是：

<!DOCTYPE html>
<html>
    <head>
        <title>GeoVillage - A Community</title>
        <link rel="stylesheet" href="defaultstyling.css">
        <link rel="stylesheet" href="style.css">
        <link rel="icon" type="image/png" href="/image/logo.png">
    </head>
    <body>
        -=<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="/navbarstyle.css">
    </head>
    <body>

但它应该是这样的：

<!DOCTYPE html>
<html>
    <head>
        <title>GeoVillage - A Community</title>
        <link rel="stylesheet" href="defaultstyling.css">
        <link rel="stylesheet" href="style.css">
        <link rel="icon" type="image/png" href="/image/logo.png">
        <link rel="stylesheet" href="/navbarstyle.css">
    </head>
    <body>

尝试这个，我认为它会起作用。

尽管没有h1和身体边缘设置为0px，但我的页面顶部有奇怪的上边距

3 个答案: