Question

经过多次尝试后，我无法删除默认的上边距。下面是我的html和css代码。请说明我缺少的地方？

HTML文件

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="style.css">
        <title>Sample</title>   
    </head>
    <body> 
        <div id="maincontainer">
            <div id="header">   
                <h1>Sample</h1>
            </div>
        </div>
        <div id="contents">
        Body of page
        </div>
    </body>
</html>

CSS文件

html, body
{
    margin:0 auto;
    padding:0;
    border:0;
    background:#fff;
    font-family:Times New Roman;
    font-size: 16px;
    width:1024px;   
}

#maincontainer
{
    margin:0;
    padding:5px;
}

#header 
{   
    margin:0;
    padding:0;
    height:100px;
    background:#8A0808;
    text-align:left;
}

h1
{
    margin:0;
    padding:0 0 0 10px;
    font-size: 60px;
    font-weight:normal;
    color:#fff;
}

Answer 1

#maincontainer上的

padding: 5px;可能是您的问题。围绕#maincontainer div的任何东西都会有5px的白色。

无法删除Chrome浏览器的默认上边距

1 个答案: