Question

我需要将我的横幅放在浏览器的顶部。问题是在图像所在的div和顶部之间存在一个小的白色间隙...我尝试将填充设置为0为div和body并且它不起作用： - （

<!DOCTYPE html>

<html>
<head>
    <title>Welcome Home</title>
    <link type="text/css" rel="stylesheet" href="/Shared/Css/Style.css" />
    <link type="text/css" rel="stylesheet" href="/Shared/Css/Navigation.css" />
    <script language="javascript" type="text/javascript"  src="../../Shared/Scripts/jquery-1.6.2.min.js"></script>

</head>
<body>

    <div style="padding-top:0px;">


        <div id="header-image">
            <img alt="Header" src="../../Security/FileFetcher.aspx?RelativePathToFile=App/images/topnav.jpg&mimetype=image/jpeg" />
        </div>



    </div>
</body>
</html>


body 
{
    background: url("/Security/FileFetcher.aspx?RelativePathToFile=App/images/background.jpg&mimetype=image/jpeg") repeat-x scroll 0 0 transparent;
    padding:0px 0px 0px 0px;
}

#main-content-container
{
    margin-left:auto; 
    margin-right:auto; 
    width:930px; 
    border-left:2px solid Gray; 
    border-right:2px solid Gray;
}


#header-image 
{
    width:960px; 
    margin-left:auto; 
    margin-right:auto;
    padding-top:0px;
}

Answer 1

您需要设置<body>的保证金：

body {
    margin: 0px;
}

Answer 2

尝试在样式表

中的正文选项上方添加此内容

 * {margin:0;padding:0;}

您还可以查看众多CSS reset options

中的一个

如何关闭我的横幅所在页面顶部的间隙？

2 个答案: